@jongh/ui 1.6.5 → 2.20260902.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 (316) hide show
  1. package/dist/base.css +1103 -0
  2. package/dist/blue.css +155 -0
  3. package/dist/chunks/component-accordion-CNhK3gho.js +27 -0
  4. package/dist/chunks/component-avatar-C5ox3FhU.js +15 -0
  5. package/dist/chunks/component-badge-GyL8C7n9.js +23 -0
  6. package/dist/chunks/component-box-BnXf833v.js +26 -0
  7. package/dist/chunks/component-button-cnnLKCl_.js +21 -0
  8. package/dist/chunks/component-calendar-D53mkOdW.js +240 -0
  9. package/dist/chunks/component-center-BIp6NkIt.js +32 -0
  10. package/dist/chunks/component-checkbox-cJlGSnlk.js +54 -0
  11. package/dist/chunks/component-dialog-yBIkthjw.js +35 -0
  12. package/dist/chunks/component-grid-BKLFatKL.js +38 -0
  13. package/dist/chunks/component-h-stack-ODw00BMb.js +36 -0
  14. package/dist/chunks/component-select-CHwGLpGT.js +52 -0
  15. package/dist/chunks/component-slider-Ba5H5eY3.js +16 -0
  16. package/dist/chunks/component-tabs-BIWU8zcA.js +58 -0
  17. package/dist/chunks/component-textfield-CCdnfRzb.js +53 -0
  18. package/dist/chunks/component-v-stack-_k842HHc.js +36 -0
  19. package/dist/chunks/recipe-accordion-recipe-DPDnNF9J.js +27 -0
  20. package/dist/chunks/recipe-avatar-recipe-HkwMS2OJ.js +24 -0
  21. package/dist/chunks/recipe-badge-recipe-DWojym5V.js +136 -0
  22. package/dist/chunks/recipe-button-recipe-BA1JNmBF.js +36 -0
  23. package/dist/chunks/recipe-calendar-recipe-CUjveeyt.js +31 -0
  24. package/dist/chunks/recipe-center-recipe-CBm4FTPj.js +24 -0
  25. package/dist/chunks/recipe-checkbox-recipe-CCDU79zw.js +31 -0
  26. package/dist/chunks/recipe-dialog-recipe-Dp_2WfN_.js +31 -0
  27. package/dist/chunks/recipe-layout-recipe-CXAjEcDn.js +20 -0
  28. package/dist/chunks/recipe-select-recipe-Chdpfb_N.js +33 -0
  29. package/dist/chunks/recipe-slider-recipe-Bn_q7Je8.js +25 -0
  30. package/dist/chunks/recipe-tabs-recipe-Bo5qcI1u.js +26 -0
  31. package/dist/chunks/recipe-textfield-recipe-szIwdV6q.js +27 -0
  32. package/dist/chunks/rolldown-runtime-CKyOoeiN.js +12 -0
  33. package/dist/index.d.ts +21694 -0
  34. package/dist/index.js +583 -0
  35. package/dist/purple.css +155 -0
  36. package/dist/recipes/accordion-recipe.css +118 -0
  37. package/dist/recipes/avatar-recipe.css +44 -0
  38. package/dist/recipes/badge-recipe.css +47 -0
  39. package/dist/recipes/button-recipe.css +153 -0
  40. package/dist/recipes/calendar-recipe.css +145 -0
  41. package/dist/recipes/center-recipe.css +13 -0
  42. package/dist/recipes/checkbox-recipe.css +156 -0
  43. package/dist/recipes/dialog-recipe.css +101 -0
  44. package/dist/recipes/layout-recipe.css +427 -0
  45. package/dist/recipes/select-recipe.css +175 -0
  46. package/dist/recipes/slider-recipe.css +60 -0
  47. package/dist/recipes/tabs-recipe.css +76 -0
  48. package/dist/recipes/textfield-recipe.css +95 -0
  49. package/dist/style.css +1 -0
  50. package/package.json +62 -37
  51. package/.storybook/index.css +0 -1
  52. package/.storybook/main.ts +0 -40
  53. package/.storybook/preview.ts +0 -16
  54. package/.storybook/vitest.setup.ts +0 -9
  55. package/.turbo/turbo-build.log +0 -79
  56. package/CHANGELOG.md +0 -54
  57. package/chromatic.config.json +0 -6
  58. package/eslint.config.mjs +0 -14
  59. package/index.html +0 -13
  60. package/panda.config.ts +0 -13
  61. package/postcss.config.cjs +0 -3
  62. package/preset.ts +0 -134
  63. package/src/component/accordion/ui/index.tsx +0 -80
  64. package/src/component/accordion/ui/recipe.ts +0 -65
  65. package/src/component/avatar/ui/index.tsx +0 -47
  66. package/src/component/avatar/ui/recipe.ts +0 -30
  67. package/src/component/button/ui/index.tsx +0 -29
  68. package/src/component/button/ui/recipe.ts +0 -102
  69. package/src/component/chip/ui/index.tsx +0 -30
  70. package/src/component/chip/ui/recipe.ts +0 -112
  71. package/src/component/dialog/ui/index.tsx +0 -73
  72. package/src/component/dialog/ui/recipe.ts +0 -92
  73. package/src/component/select/ui/index.tsx +0 -128
  74. package/src/component/select/ui/recipe.ts +0 -142
  75. package/src/component/slider/ui/index.tsx +0 -61
  76. package/src/component/slider/ui/recipe.ts +0 -52
  77. package/src/component/tabs/ui/index.tsx +0 -61
  78. package/src/component/tabs/ui/recipe.ts +0 -59
  79. package/src/hooks/createContext.tsx +0 -34
  80. package/src/hooks/useComposedRefs.ts +0 -20
  81. package/src/hooks/useControllableState.ts +0 -87
  82. package/src/hooks/useKeyboardEvent.ts +0 -58
  83. package/src/stories/accordion.stories.tsx +0 -63
  84. package/src/stories/avatar.stories.tsx +0 -33
  85. package/src/stories/button.stories.tsx +0 -53
  86. package/src/stories/chip.stories.tsx +0 -69
  87. package/src/stories/dialog.stories.tsx +0 -134
  88. package/src/stories/select.stories.tsx +0 -35
  89. package/src/stories/slider.stories.tsx +0 -31
  90. package/src/stories/tabs.stories.tsx +0 -63
  91. package/src/test/accordion.test.tsx +0 -66
  92. package/src/test/tabs.test.tsx +0 -30
  93. package/src/types/index.ts +0 -1
  94. package/src/utils/createStyleContext.tsx +0 -108
  95. package/src/utils/defineSafe.ts +0 -46
  96. package/src/utils/getObjectKeys.ts +0 -20
  97. package/src/vite-env.d.ts +0 -1
  98. package/storybook-static/assets/Color-F6OSRLHC-CrKta8Qx.js +0 -1
  99. package/storybook-static/assets/DocsRenderer-CFRXHY34-Crd9Mepd.js +0 -586
  100. package/storybook-static/assets/_commonjsHelpers-Cpj98o6Y.js +0 -1
  101. package/storybook-static/assets/accordion.stories-0Om0AnMm.js +0 -50
  102. package/storybook-static/assets/avatar.stories-DMDsrSks.js +0 -16
  103. package/storybook-static/assets/axe-Dzet_oDA.js +0 -30
  104. package/storybook-static/assets/button.stories-CuVC-3x-.js +0 -40
  105. package/storybook-static/assets/chip.stories-FBIp8XNi.js +0 -48
  106. package/storybook-static/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
  107. package/storybook-static/assets/createLucideIcon-DmXe7Z8R.js +0 -21
  108. package/storybook-static/assets/dialog.stories-3WsEvXt4.js +0 -106
  109. package/storybook-static/assets/entry-preview-Bkgdgq1b.js +0 -10
  110. package/storybook-static/assets/entry-preview-docs-zLz1Es7d.js +0 -46
  111. package/storybook-static/assets/iframe-LPPPXabV.js +0 -199
  112. package/storybook-static/assets/index-Bklpsb39.js +0 -1
  113. package/storybook-static/assets/index-BrlJLjep.js +0 -24
  114. package/storybook-static/assets/index-C2tRLqin.js +0 -41
  115. package/storybook-static/assets/index-CBft-ReK.js +0 -8
  116. package/storybook-static/assets/index-CSbWd7UJ.js +0 -1
  117. package/storybook-static/assets/index-ClcD9ViR.js +0 -9
  118. package/storybook-static/assets/index-Cu4lwwaE.js +0 -1
  119. package/storybook-static/assets/index-Cvkemp2J.js +0 -1
  120. package/storybook-static/assets/index-D59aU5s_.js +0 -240
  121. package/storybook-static/assets/index-DNo8LKN3.js +0 -1
  122. package/storybook-static/assets/index-DUy19JZU.js +0 -1
  123. package/storybook-static/assets/index-D_35mznO.js +0 -1
  124. package/storybook-static/assets/index-DrFu-skq.js +0 -6
  125. package/storybook-static/assets/index-DvbTp2M2.js +0 -1
  126. package/storybook-static/assets/index-rtmQni2k.js +0 -1
  127. package/storybook-static/assets/jsx-runtime-BYYWji4R.js +0 -9
  128. package/storybook-static/assets/matchers-57EZJSQE-oeXCqs4p.js +0 -14
  129. package/storybook-static/assets/preview-1l6V4UsQ.js +0 -1
  130. package/storybook-static/assets/preview-B3PTUHS7.js +0 -1
  131. package/storybook-static/assets/preview-BBWR9nbA.js +0 -1
  132. package/storybook-static/assets/preview-BCV5r-Ja.js +0 -1
  133. package/storybook-static/assets/preview-BWzBA1C2.js +0 -396
  134. package/storybook-static/assets/preview-Bb56VplF.js +0 -2
  135. package/storybook-static/assets/preview-Bl8rsKRy.js +0 -1
  136. package/storybook-static/assets/preview-Bm-a94Ct.js +0 -2
  137. package/storybook-static/assets/preview-Br-h4d84.js +0 -1
  138. package/storybook-static/assets/preview-D77C14du.js +0 -34
  139. package/storybook-static/assets/preview-DC8N7cZb.css +0 -1
  140. package/storybook-static/assets/preview-DGUiP6tS.js +0 -7
  141. package/storybook-static/assets/react-18-BPs3tMGP.js +0 -1
  142. package/storybook-static/assets/select.stories-AN8Hb81Z.js +0 -20
  143. package/storybook-static/assets/slider.stories-CxOczq0y.js +0 -12
  144. package/storybook-static/assets/tabs.stories-BbTU4QU3.js +0 -28
  145. package/storybook-static/favicon.svg +0 -1
  146. package/storybook-static/iframe.html +0 -666
  147. package/storybook-static/index.html +0 -193
  148. package/storybook-static/index.json +0 -1
  149. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  150. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  151. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  152. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  153. package/storybook-static/project.json +0 -1
  154. package/storybook-static/sb-addons/a11y-12/manager-bundle.js +0 -3
  155. package/storybook-static/sb-addons/a11y-12/manager-bundle.js.LEGAL.txt +0 -0
  156. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +0 -331
  157. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +0 -51
  158. package/storybook-static/sb-addons/controls-11/manager-bundle.js +0 -391
  159. package/storybook-static/sb-addons/controls-11/manager-bundle.js.LEGAL.txt +0 -0
  160. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
  161. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js.LEGAL.txt +0 -0
  162. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
  163. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js.LEGAL.txt +0 -0
  164. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +0 -391
  165. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js.LEGAL.txt +0 -0
  166. package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +0 -230
  167. package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js.LEGAL.txt +0 -0
  168. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
  169. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js.LEGAL.txt +0 -0
  170. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
  171. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js.LEGAL.txt +0 -0
  172. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
  173. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js.LEGAL.txt +0 -0
  174. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
  175. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js.LEGAL.txt +0 -0
  176. package/storybook-static/sb-addons/links-1/manager-bundle.js +0 -3
  177. package/storybook-static/sb-addons/links-1/manager-bundle.js.LEGAL.txt +0 -0
  178. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  179. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  180. package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js +0 -211
  181. package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js.LEGAL.txt +0 -0
  182. package/storybook-static/sb-common-assets/favicon.svg +0 -1
  183. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  184. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  185. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  186. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  187. package/storybook-static/sb-manager/globals-module-info.js +0 -1037
  188. package/storybook-static/sb-manager/globals-runtime.js +0 -40857
  189. package/storybook-static/sb-manager/globals.js +0 -48
  190. package/storybook-static/sb-manager/runtime.js +0 -11963
  191. package/styled-system/css/conditions.mjs +0 -36
  192. package/styled-system/css/css.d.ts +0 -22
  193. package/styled-system/css/css.mjs +0 -45
  194. package/styled-system/css/cva.d.ts +0 -6
  195. package/styled-system/css/cva.mjs +0 -87
  196. package/styled-system/css/cx.d.ts +0 -5
  197. package/styled-system/css/cx.mjs +0 -15
  198. package/styled-system/css/index.d.ts +0 -5
  199. package/styled-system/css/index.mjs +0 -4
  200. package/styled-system/css/sva.d.ts +0 -4
  201. package/styled-system/css/sva.mjs +0 -41
  202. package/styled-system/helpers.mjs +0 -336
  203. package/styled-system/jsx/aspect-ratio.d.ts +0 -10
  204. package/styled-system/jsx/aspect-ratio.mjs +0 -14
  205. package/styled-system/jsx/bleed.d.ts +0 -10
  206. package/styled-system/jsx/bleed.mjs +0 -14
  207. package/styled-system/jsx/box.d.ts +0 -10
  208. package/styled-system/jsx/box.mjs +0 -14
  209. package/styled-system/jsx/center.d.ts +0 -10
  210. package/styled-system/jsx/center.mjs +0 -14
  211. package/styled-system/jsx/circle.d.ts +0 -10
  212. package/styled-system/jsx/circle.mjs +0 -14
  213. package/styled-system/jsx/container.d.ts +0 -10
  214. package/styled-system/jsx/container.mjs +0 -14
  215. package/styled-system/jsx/cq.d.ts +0 -10
  216. package/styled-system/jsx/cq.mjs +0 -14
  217. package/styled-system/jsx/divider.d.ts +0 -10
  218. package/styled-system/jsx/divider.mjs +0 -14
  219. package/styled-system/jsx/factory-helper.mjs +0 -22
  220. package/styled-system/jsx/factory.d.ts +0 -3
  221. package/styled-system/jsx/factory.mjs +0 -80
  222. package/styled-system/jsx/flex.d.ts +0 -10
  223. package/styled-system/jsx/flex.mjs +0 -14
  224. package/styled-system/jsx/float.d.ts +0 -10
  225. package/styled-system/jsx/float.mjs +0 -14
  226. package/styled-system/jsx/grid-item.d.ts +0 -10
  227. package/styled-system/jsx/grid-item.mjs +0 -14
  228. package/styled-system/jsx/grid.d.ts +0 -10
  229. package/styled-system/jsx/grid.mjs +0 -14
  230. package/styled-system/jsx/hstack.d.ts +0 -10
  231. package/styled-system/jsx/hstack.mjs +0 -14
  232. package/styled-system/jsx/index.d.ts +0 -24
  233. package/styled-system/jsx/index.mjs +0 -22
  234. package/styled-system/jsx/is-valid-prop.d.ts +0 -11
  235. package/styled-system/jsx/is-valid-prop.mjs +0 -17
  236. package/styled-system/jsx/link-overlay.d.ts +0 -10
  237. package/styled-system/jsx/link-overlay.mjs +0 -14
  238. package/styled-system/jsx/spacer.d.ts +0 -10
  239. package/styled-system/jsx/spacer.mjs +0 -14
  240. package/styled-system/jsx/square.d.ts +0 -10
  241. package/styled-system/jsx/square.mjs +0 -14
  242. package/styled-system/jsx/stack.d.ts +0 -10
  243. package/styled-system/jsx/stack.mjs +0 -14
  244. package/styled-system/jsx/visually-hidden.d.ts +0 -10
  245. package/styled-system/jsx/visually-hidden.mjs +0 -14
  246. package/styled-system/jsx/vstack.d.ts +0 -10
  247. package/styled-system/jsx/vstack.mjs +0 -14
  248. package/styled-system/jsx/wrap.d.ts +0 -10
  249. package/styled-system/jsx/wrap.mjs +0 -14
  250. package/styled-system/patterns/aspect-ratio.d.ts +0 -21
  251. package/styled-system/patterns/aspect-ratio.mjs +0 -38
  252. package/styled-system/patterns/bleed.d.ts +0 -22
  253. package/styled-system/patterns/bleed.mjs +0 -24
  254. package/styled-system/patterns/box.d.ts +0 -21
  255. package/styled-system/patterns/box.mjs +0 -15
  256. package/styled-system/patterns/center.d.ts +0 -21
  257. package/styled-system/patterns/center.mjs +0 -21
  258. package/styled-system/patterns/circle.d.ts +0 -21
  259. package/styled-system/patterns/circle.mjs +0 -25
  260. package/styled-system/patterns/container.d.ts +0 -21
  261. package/styled-system/patterns/container.mjs +0 -21
  262. package/styled-system/patterns/cq.d.ts +0 -22
  263. package/styled-system/patterns/cq.mjs +0 -21
  264. package/styled-system/patterns/divider.d.ts +0 -23
  265. package/styled-system/patterns/divider.mjs +0 -25
  266. package/styled-system/patterns/flex.d.ts +0 -27
  267. package/styled-system/patterns/flex.mjs +0 -26
  268. package/styled-system/patterns/float.d.ts +0 -24
  269. package/styled-system/patterns/float.mjs +0 -52
  270. package/styled-system/patterns/grid-item.d.ts +0 -26
  271. package/styled-system/patterns/grid-item.mjs +0 -25
  272. package/styled-system/patterns/grid.d.ts +0 -25
  273. package/styled-system/patterns/grid.mjs +0 -27
  274. package/styled-system/patterns/hstack.d.ts +0 -22
  275. package/styled-system/patterns/hstack.mjs +0 -24
  276. package/styled-system/patterns/index.d.ts +0 -21
  277. package/styled-system/patterns/index.mjs +0 -20
  278. package/styled-system/patterns/link-overlay.d.ts +0 -21
  279. package/styled-system/patterns/link-overlay.mjs +0 -24
  280. package/styled-system/patterns/spacer.d.ts +0 -21
  281. package/styled-system/patterns/spacer.mjs +0 -21
  282. package/styled-system/patterns/square.d.ts +0 -21
  283. package/styled-system/patterns/square.mjs +0 -24
  284. package/styled-system/patterns/stack.d.ts +0 -24
  285. package/styled-system/patterns/stack.mjs +0 -24
  286. package/styled-system/patterns/visually-hidden.d.ts +0 -21
  287. package/styled-system/patterns/visually-hidden.mjs +0 -18
  288. package/styled-system/patterns/vstack.d.ts +0 -22
  289. package/styled-system/patterns/vstack.mjs +0 -24
  290. package/styled-system/patterns/wrap.d.ts +0 -25
  291. package/styled-system/patterns/wrap.mjs +0 -25
  292. package/styled-system/tokens/index.d.ts +0 -9
  293. package/styled-system/tokens/index.mjs +0 -1992
  294. package/styled-system/tokens/tokens.d.ts +0 -60
  295. package/styled-system/types/composition.d.ts +0 -164
  296. package/styled-system/types/conditions.d.ts +0 -274
  297. package/styled-system/types/csstype.d.ts +0 -21298
  298. package/styled-system/types/global.d.ts +0 -20
  299. package/styled-system/types/index.d.ts +0 -8
  300. package/styled-system/types/jsx.d.ts +0 -52
  301. package/styled-system/types/parts.d.ts +0 -8
  302. package/styled-system/types/pattern.d.ts +0 -78
  303. package/styled-system/types/prop-type.d.ts +0 -235
  304. package/styled-system/types/recipe.d.ts +0 -181
  305. package/styled-system/types/selectors.d.ts +0 -59
  306. package/styled-system/types/static-css.d.ts +0 -56
  307. package/styled-system/types/style-props.d.ts +0 -7468
  308. package/styled-system/types/system-types.d.ts +0 -109
  309. package/tsconfig.json +0 -13
  310. package/turbo/generators/config.cjs +0 -7
  311. package/turbo/generators/stories.cjs +0 -23
  312. package/turbo/generators/templates/stories.tsx.hbs +0 -16
  313. package/turbo/generators/templates/ui.tsx.hbs +0 -8
  314. package/turbo/generators/ui.cjs +0 -19
  315. package/vite.config.ts +0 -7
  316. 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>