@bouko/react 2.5.9 → 2.6.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 (128) hide show
  1. package/dist/colors/core.d.ts +10 -10
  2. package/dist/colors/core.js +25 -25
  3. package/dist/colors/index.d.ts +26 -26
  4. package/dist/colors/index.js +43 -43
  5. package/dist/colors/types.d.ts +11 -11
  6. package/dist/colors/types.js +7 -7
  7. package/dist/components/animate/configs.d.ts +136 -136
  8. package/dist/components/animate/configs.js +62 -62
  9. package/dist/components/animate/index.d.ts +54 -54
  10. package/dist/components/animate/index.js +33 -33
  11. package/dist/components/attachment.d.ts +2 -2
  12. package/dist/components/attachment.js +18 -18
  13. package/dist/components/button/icon.d.ts +9 -9
  14. package/dist/components/button/icon.js +21 -20
  15. package/dist/components/button/normal.d.ts +11 -11
  16. package/dist/components/button/normal.js +39 -39
  17. package/dist/components/carousel/index.d.ts +11 -11
  18. package/dist/components/carousel/index.js +19 -19
  19. package/dist/components/checkbox.d.ts +8 -8
  20. package/dist/components/checkbox.js +13 -13
  21. package/dist/components/dropdown/normal.d.ts +10 -10
  22. package/dist/components/dropdown/normal.js +19 -19
  23. package/dist/components/fade-carousel.d.ts +4 -4
  24. package/dist/components/fade-carousel.js +14 -14
  25. package/dist/components/field.d.ts +10 -10
  26. package/dist/components/field.js +10 -10
  27. package/dist/components/form/functions.d.ts +1 -1
  28. package/dist/components/form/functions.js +28 -28
  29. package/dist/components/form/types.d.ts +38 -38
  30. package/dist/components/form/types.js +1 -1
  31. package/dist/components/heading/normal.d.ts +29 -29
  32. package/dist/components/heading/normal.js +22 -22
  33. package/dist/components/heading/page.d.ts +25 -25
  34. package/dist/components/heading/page.js +23 -23
  35. package/dist/components/index.d.ts +13 -13
  36. package/dist/components/index.js +13 -13
  37. package/dist/components/input.d.ts +37 -37
  38. package/dist/components/input.js +40 -40
  39. package/dist/components/layout/fade.d.ts +7 -7
  40. package/dist/components/layout/fade.js +15 -15
  41. package/dist/components/layout/flex.d.ts +16 -16
  42. package/dist/components/layout/flex.js +42 -42
  43. package/dist/components/layout/separator.d.ts +3 -3
  44. package/dist/components/layout/separator.js +5 -5
  45. package/dist/components/list/index.d.ts +2 -2
  46. package/dist/components/list/index.js +2 -2
  47. package/dist/components/list/item.d.ts +9 -9
  48. package/dist/components/list/item.js +7 -7
  49. package/dist/components/list/variants/bullet.d.ts +9 -9
  50. package/dist/components/list/variants/bullet.js +16 -16
  51. package/dist/components/list/variants/number.d.ts +10 -10
  52. package/dist/components/list/variants/number.js +18 -18
  53. package/dist/components/multiple-choice.d.ts +2 -2
  54. package/dist/components/multiple-choice.js +12 -12
  55. package/dist/components/search-bar.d.ts +14 -13
  56. package/dist/components/search-bar.js +22 -22
  57. package/dist/components/select.d.ts +6 -6
  58. package/dist/components/select.js +24 -24
  59. package/dist/components/text/badge.d.ts +16 -16
  60. package/dist/components/text/badge.js +28 -28
  61. package/dist/components/textarea.d.ts +7 -7
  62. package/dist/components/textarea.js +11 -11
  63. package/dist/components/upload/file.d.ts +8 -8
  64. package/dist/components/upload/file.js +23 -23
  65. package/dist/components/waveform/index.d.ts +8 -8
  66. package/dist/components/waveform/index.js +11 -11
  67. package/dist/components/waveform/patterns.d.ts +1 -1
  68. package/dist/components/waveform/patterns.js +27 -27
  69. package/dist/core/classes.js +1 -1
  70. package/dist/core/format.d.ts +3 -3
  71. package/dist/core/format.js +34 -34
  72. package/dist/core/functions.d.ts +13 -13
  73. package/dist/core/functions.js +79 -79
  74. package/dist/core/types.d.ts +15 -15
  75. package/dist/core/types.js +2 -2
  76. package/dist/core/variants.d.ts +5 -5
  77. package/dist/core/variants.js +6 -6
  78. package/dist/format/index.d.ts +2 -2
  79. package/dist/format/index.js +33 -33
  80. package/dist/hooks/audio/sound.d.ts +1 -1
  81. package/dist/hooks/audio/sound.js +6 -6
  82. package/dist/hooks/clock/interval.d.ts +8 -8
  83. package/dist/hooks/clock/interval.js +25 -25
  84. package/dist/hooks/element/container.d.ts +5 -4
  85. package/dist/hooks/element/container.js +7 -7
  86. package/dist/hooks/element/index.d.ts +5 -0
  87. package/dist/hooks/element/index.js +9 -0
  88. package/dist/hooks/element/resize.d.ts +1 -1
  89. package/dist/hooks/element/resize.js +12 -12
  90. package/dist/hooks/index.d.ts +5 -4
  91. package/dist/hooks/index.js +5 -4
  92. package/dist/index.d.ts +14 -14
  93. package/dist/index.js +14 -14
  94. package/package.json +1 -1
  95. package/dist/assets/icons/check copy.svg +0 -6
  96. package/dist/assets/icons/check-circle copy.svg +0 -6
  97. package/dist/assets/icons/chevron copy.svg +0 -6
  98. package/dist/assets/icons/paperclip copy.svg +0 -6
  99. package/dist/assets/icons/spinner copy.svg +0 -6
  100. package/dist/assets/icons/x-circle copy.svg +0 -6
  101. package/dist/components/badge.d.ts +0 -5
  102. package/dist/components/badge.js +0 -4
  103. package/dist/components/button/ghost.d.ts +0 -7
  104. package/dist/components/button/ghost.js +0 -8
  105. package/dist/components/button/load.d.ts +0 -10
  106. package/dist/components/button/load.js +0 -35
  107. package/dist/components/button.d.ts +0 -10
  108. package/dist/components/button.js +0 -22
  109. package/dist/components/flex.d.ts +0 -16
  110. package/dist/components/flex.js +0 -8
  111. package/dist/components/form/builder.d.ts +0 -24
  112. package/dist/components/form/builder.js +0 -61
  113. package/dist/components/form/fields.d.ts +0 -16
  114. package/dist/components/form/fields.js +0 -21
  115. package/dist/components/form/footer.d.ts +0 -9
  116. package/dist/components/form/footer.js +0 -17
  117. package/dist/components/form/index.d.ts +0 -3
  118. package/dist/components/form/index.js +0 -3
  119. package/dist/components/form/loaders.d.ts +0 -3
  120. package/dist/components/form/loaders.js +0 -11
  121. package/dist/components/form/test-next.d.ts +0 -1
  122. package/dist/components/form/test-next.js +0 -6
  123. package/dist/components/layout/heading.d.ts +0 -31
  124. package/dist/components/layout/heading.js +0 -22
  125. package/dist/components/search/index.d.ts +0 -6
  126. package/dist/components/search/index.js +0 -12
  127. package/dist/hooks/color.d.ts +0 -7
  128. package/dist/hooks/color.js +0 -8
@@ -1,12 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useState } from "react";
4
- import { RowBox } from "../flex";
5
- import { Button } from "../button";
6
- export default function SearchBar({ placeholder, action }) {
7
- const [query, search] = useState("");
8
- return (_jsxs(RowBox, { style: styles.container, children: [_jsxs("div", { className: "relative grow", children: [_jsx("input", { className: "w-full outline-none lowercase text-lg placeholder-slate-500 tracking-wide", placeholder: placeholder, value: query, onChange: (e) => search(e.target.value), onKeyUp: (e) => e.key === "Enter" ? action(query) : null }), _jsx("div", { className: "absolute top-0 right-0 w-12 h-full bg-gradient-to-l from-slate-950" })] }), _jsx(Button, { size: "sm", style: "gap-[0.4rem] font-extrabold py-1 px-3 font-mono", onClick: () => action(query), children: "GO" })] }));
9
- }
10
- const styles = {
11
- container: "items-center gap-6 w-xl pl-5 pr-4 py-3 bg-slate-950 border border-border rounded-md"
12
- };
@@ -1,7 +0,0 @@
1
- type Props = {
2
- variable: string;
3
- color: string;
4
- original: string;
5
- };
6
- export default function useColor({ variable, color, original }: Props): void;
7
- export {};
@@ -1,8 +0,0 @@
1
- "use client";
2
- import { useEffect } from "react";
3
- export default function useColor({ variable, color, original }) {
4
- useEffect(() => {
5
- document.documentElement.style.setProperty(`--${variable}`, color);
6
- return () => document.documentElement.style.setProperty(`--${variable}`, original);
7
- }, []);
8
- }