@bioturing/components 0.39.1 → 0.40.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/base.d.ts +35 -1
  2. package/dist/base.d.ts.map +1 -1
  3. package/dist/base.js +47 -1
  4. package/dist/base.js.map +1 -1
  5. package/dist/components/base-menu/component.d.ts +1 -1
  6. package/dist/components/base-menu/index.d.ts +1 -1
  7. package/dist/components/base-menu/index.d.ts.map +1 -1
  8. package/dist/components/base-menu/item.d.ts +1 -1
  9. package/dist/components/base-menu/item.d.ts.map +1 -1
  10. package/dist/components/base-menu/item.js +1 -1
  11. package/dist/components/base-menu/item.js.map +1 -1
  12. package/dist/components/button/component.d.ts +1 -1
  13. package/dist/components/button/component.d.ts.map +1 -1
  14. package/dist/components/button/component.js +18 -17
  15. package/dist/components/button/component.js.map +1 -1
  16. package/dist/components/checkbox/component.d.ts.map +1 -1
  17. package/dist/components/choice-list/component.d.ts +8 -4
  18. package/dist/components/choice-list/component.d.ts.map +1 -1
  19. package/dist/components/choice-list/component.js +89 -94
  20. package/dist/components/choice-list/component.js.map +1 -1
  21. package/dist/components/color-select/component.js +6 -6
  22. package/dist/components/combobox/component.js +1 -1
  23. package/dist/components/combobox/component.js.map +1 -1
  24. package/dist/components/command-palette/component.d.ts +6 -0
  25. package/dist/components/command-palette/component.d.ts.map +1 -1
  26. package/dist/components/command-palette/component.js +182 -63
  27. package/dist/components/command-palette/component.js.map +1 -1
  28. package/dist/components/command-palette/index.d.ts +3 -1
  29. package/dist/components/command-palette/index.d.ts.map +1 -1
  30. package/dist/components/command-palette/style.css +1 -1
  31. package/dist/components/drag-drop/draggable.js +1 -1
  32. package/dist/components/drag-drop/draggable.js.map +1 -1
  33. package/dist/components/drag-drop/droppable.js +1 -1
  34. package/dist/components/drag-drop/droppable.js.map +1 -1
  35. package/dist/components/drag-drop/types.d.ts +1 -1
  36. package/dist/components/drag-drop/types.d.ts.map +1 -1
  37. package/dist/components/drag-drop/value.js +13 -13
  38. package/dist/components/dropdown-menu/component.d.ts +1 -1
  39. package/dist/components/dropdown-menu/component.d.ts.map +1 -1
  40. package/dist/components/dropdown-menu/component.js +162 -135
  41. package/dist/components/dropdown-menu/component.js.map +1 -1
  42. package/dist/components/dropdown-menu/divider.js +2 -2
  43. package/dist/components/dropdown-menu/divider.js.map +1 -1
  44. package/dist/components/dropdown-menu/item.js +2 -2
  45. package/dist/components/dropdown-menu/item.js.map +1 -1
  46. package/dist/components/dropdown-menu/style.css +1 -1
  47. package/dist/components/dropdown-menu/useDropdownMenu.js +1 -1
  48. package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
  49. package/dist/components/hooks/antd.d.ts.map +1 -1
  50. package/dist/components/hooks/index.d.ts +1 -0
  51. package/dist/components/hooks/index.d.ts.map +1 -1
  52. package/dist/components/hooks/useBaseUIPlacement.d.ts +64 -0
  53. package/dist/components/hooks/useBaseUIPlacement.d.ts.map +1 -0
  54. package/dist/components/hooks/useBaseUIPlacement.js +61 -0
  55. package/dist/components/hooks/useBaseUIPlacement.js.map +1 -0
  56. package/dist/components/hooks/useControlledState.d.ts +1 -0
  57. package/dist/components/hooks/useControlledState.d.ts.map +1 -1
  58. package/dist/components/hooks/useControlledState.js +16 -16
  59. package/dist/components/hooks/useControlledState.js.map +1 -1
  60. package/dist/components/hooks/useTransitionStatus.js +2 -2
  61. package/dist/components/hooks/useTransitionStatus.js.map +1 -1
  62. package/dist/components/icon-button/style.css +1 -1
  63. package/dist/components/nav/index.d.ts.map +1 -1
  64. package/dist/components/nav/item.d.ts +1 -1
  65. package/dist/components/nav/item.d.ts.map +1 -1
  66. package/dist/components/nav/item.js +1 -1
  67. package/dist/components/nav/item.js.map +1 -1
  68. package/dist/components/popup-panel/component.d.ts +4 -4
  69. package/dist/components/popup-panel/component.d.ts.map +1 -1
  70. package/dist/components/popup-panel/component.js +142 -152
  71. package/dist/components/popup-panel/component.js.map +1 -1
  72. package/dist/components/resizable/component.js +1 -1
  73. package/dist/components/resizable/component.js.map +1 -1
  74. package/dist/components/scroll-area/component.d.ts +1 -1
  75. package/dist/components/scroll-area/component.d.ts.map +1 -1
  76. package/dist/components/scroll-area/component.js +1 -1
  77. package/dist/components/scroll-area/component.js.map +1 -1
  78. package/dist/components/select/component.d.ts.map +1 -1
  79. package/dist/components/select/component.js +153 -138
  80. package/dist/components/select/component.js.map +1 -1
  81. package/dist/components/select/item.js +13 -13
  82. package/dist/components/select-trigger/component.js +19 -19
  83. package/dist/components/splitter/splitter.d.ts.map +1 -1
  84. package/dist/components/splitter/splitter.js +53 -51
  85. package/dist/components/splitter/splitter.js.map +1 -1
  86. package/dist/components/stack/StackChild.js +2 -2
  87. package/dist/components/stack/StackChild.js.map +1 -1
  88. package/dist/components/toast/component.d.ts +1 -1
  89. package/dist/components/toast/component.d.ts.map +1 -1
  90. package/dist/components/toast/component.js +1 -1
  91. package/dist/components/toast/component.js.map +1 -1
  92. package/dist/components/toast/function.d.ts +2 -2
  93. package/dist/components/toast/function.d.ts.map +1 -1
  94. package/dist/components/toast/function.js +1 -1
  95. package/dist/components/toast/function.js.map +1 -1
  96. package/dist/components/transition/component.d.ts +1 -1
  97. package/dist/components/transition/component.d.ts.map +1 -1
  98. package/dist/components/transition/component.js +2 -2
  99. package/dist/components/transition/component.js.map +1 -1
  100. package/dist/components/tree/useTreeCommon.d.ts.map +1 -1
  101. package/dist/components/utils/WithRenderProp.d.ts +1 -1
  102. package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
  103. package/dist/components/utils/WithRenderProp.js +1 -1
  104. package/dist/components/utils/WithRenderProp.js.map +1 -1
  105. package/dist/components/utils/index.d.ts +1 -0
  106. package/dist/components/utils/index.d.ts.map +1 -1
  107. package/dist/components/utils/renderProp.d.ts +24 -0
  108. package/dist/components/utils/renderProp.d.ts.map +1 -0
  109. package/dist/components/utils/renderProp.js +19 -0
  110. package/dist/components/utils/renderProp.js.map +1 -0
  111. package/dist/components/vertical-collapsible-panel/component.js +1 -1
  112. package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
  113. package/dist/index.js +162 -158
  114. package/dist/index.js.map +1 -1
  115. package/dist/metadata.d.ts.map +1 -1
  116. package/dist/metadata.js +14 -14
  117. package/dist/metadata.js.map +1 -1
  118. package/dist/stats.html +1 -1
  119. package/dist/tailwind.css +125 -1
  120. package/package.json +3 -3
  121. package/dist/components/cmdk/command-score.d.ts +0 -2
  122. package/dist/components/cmdk/command-score.d.ts.map +0 -1
  123. package/dist/components/cmdk/command-score.js +0 -48
  124. package/dist/components/cmdk/command-score.js.map +0 -1
  125. package/dist/components/cmdk/index.d.ts +0 -440
  126. package/dist/components/cmdk/index.d.ts.map +0 -1
  127. package/dist/components/cmdk/index.js +0 -595
  128. package/dist/components/cmdk/index.js.map +0 -1
package/dist/tailwind.css CHANGED
@@ -1 +1,125 @@
1
- @theme inline{ --color-ds-color-primary: var(--ds-color-primary); --color-ds-color-primary-hover: var(--ds-color-primary-hover); --color-ds-color-primary-active: var(--ds-color-primary-active); --color-ds-color-primary-text: var(--ds-color-primary-text); --color-ds-color-primary-text-hover: var(--ds-color-primary-text-hover); --color-ds-color-primary-text-active: var(--ds-color-primary-text-active); --color-ds-color-primary-bg: var(--ds-color-primary-bg); --color-ds-color-primary-bg-hover: var(--ds-color-primary-bg-hover); --color-ds-color-primary-border: var(--ds-color-primary-border); --color-ds-color-primary-border-hover: var(--ds-color-primary-border-hover); --color-ds-color-warning: var(--ds-color-warning); --color-ds-color-warning-hover: var(--ds-color-warning-hover); --color-ds-color-warning-active: var(--ds-color-warning-active); --color-ds-color-warning-text: var(--ds-color-warning-text); --color-ds-color-warning-text-hover: var(--ds-color-warning-text-hover); --color-ds-color-warning-text-active: var(--ds-color-warning-text-active); --color-ds-color-warning-bg: var(--ds-color-warning-bg); --color-ds-color-warning-bg-hover: var(--ds-color-warning-bg-hover); --color-ds-color-warning-border: var(--ds-color-warning-border); --color-ds-color-warning-border-hover: var(--ds-color-warning-border-hover); --color-ds-color-success: var(--ds-color-success); --color-ds-color-success-hover: var(--ds-color-success-hover); --color-ds-color-success-active: var(--ds-color-success-active); --color-ds-color-success-text: var(--ds-color-success-text); --color-ds-color-success-text-hover: var(--ds-color-success-text-hover); --color-ds-color-success-text-active: var(--ds-color-success-text-active); --color-ds-color-success-bg: var(--ds-color-success-bg); --color-ds-color-success-bg-hover: var(--ds-color-success-bg-hover); --color-ds-color-success-border: var(--ds-color-success-border); --color-ds-color-success-border-hover: var(--ds-color-success-border-hover); --color-ds-color-error: var(--ds-color-error); --color-ds-color-error-hover: var(--ds-color-error-hover); --color-ds-color-error-active: var(--ds-color-error-active); --color-ds-color-error-text: var(--ds-color-error-text); --color-ds-color-error-text-hover: var(--ds-color-error-text-hover); --color-ds-color-error-text-active: var(--ds-color-error-text-active); --color-ds-color-error-bg: var(--ds-color-error-bg); --color-ds-color-error-bg-hover: var(--ds-color-error-bg-hover); --color-ds-color-error-border: var(--ds-color-error-border); --color-ds-color-error-border-hover: var(--ds-color-error-border-hover); --color-ds-color-text-base: var(--ds-color-text-base); --color-ds-color-text: var(--ds-color-text); --color-ds-color-text-secondary: var(--ds-color-text-secondary); --color-ds-color-text-tertiary: var(--ds-color-text-tertiary); --color-ds-color-text-quaternary: var(--ds-color-text-quaternary); --color-ds-color-bg-base: var(--ds-color-bg-base); --color-ds-color-bg-container: var(--ds-color-bg-container); --color-ds-color-bg-elevated: var(--ds-color-bg-elevated); --color-ds-color-bg-layout: var(--ds-color-bg-layout); --color-ds-color-bg-spotlight: var(--ds-color-bg-spotlight); --color-ds-color-bg-mask: var(--ds-color-bg-mask); --color-ds-color-fill: var(--ds-color-fill); --color-ds-color-fill-secondary: var(--ds-color-fill-secondary); --color-ds-color-fill-tertiary: var(--ds-color-fill-tertiary); --color-ds-color-fill-quaternary: var(--ds-color-fill-quaternary); --color-ds-color-fill-alter: var(--ds-color-fill-alter); --color-ds-color-border: var(--ds-color-border); --color-ds-color-border-secondary: var(--ds-color-border-secondary); --color-ds-color-split: var(--ds-color-split); --color-ds-color-text-placeholder: var(--ds-color-text-placeholder); --color-ds-color-text-disabled: var(--ds-color-text-disabled); --color-ds-color-text-heading: var(--ds-color-text-heading); --color-ds-color-text-label: var(--ds-color-text-label); --color-ds-color-text-description: var(--ds-color-text-description); --color-ds-color-text-light-solid: var(--ds-color-text-light-solid); --color-ds-color-highlight: var(--ds-color-highlight); --color-ds-color-bg-text-hover: var(--ds-color-bg-text-hover); --color-ds-color-bg-text-active: var(--ds-color-bg-text-active); --color-ds-color-icon: var(--ds-color-icon); --color-ds-color-icon-hover: var(--ds-color-icon-hover); --color-ds-segment-color-bg-active: var(--ds-segment-color-bg-active); --text-ds-sm: var(--ds-font-size-sm); --text-ds-md: var(--ds-font-size); --text-ds-lg: var(--ds-font-size-lg); --text-ds-xl: var(--ds-font-size-xl); --text-ds-sm--line-height: var(--ds-font-height-sm); --text-ds-md--line-height: var(--ds-font-height); --text-ds-lg--line-height: var(--ds-font-height-lg); --text-ds-xl--line-height: var(--ds-font-height-xl); --text-ds-h1: var(--ds-font-size-heading-1); --text-ds-h2: var(--ds-font-size-heading-2); --text-ds-h3: var(--ds-font-size-heading-3); --text-ds-h4: var(--ds-font-size-heading-4); --text-ds-h5: var(--ds-font-size-heading-5); --text-ds-h1--line-height: var(--ds-line-height-heading-1); --text-ds-h2--line-height: var(--ds-line-height-heading-2); --text-ds-h3--line-height: var(--ds-line-height-heading-3); --text-ds-h4--line-height: var(--ds-line-height-heading-4); --text-ds-h5--line-height: var(--ds-line-height-heading-5); --text-ds-h1--font-weight: 600; --text-ds-h2--font-weight: 600; --text-ds-h3--font-weight: 600; --text-ds-h4--font-weight: 600; --text-ds-h5--font-weight: 600; --text-ds-subheading: .75rem; --text-ds-subheading--line-height: 1rem; --text-ds-subheading--letter-spacing: .002em; --text-ds-subheading--font-weight: 500; --text-ds-subheading2: .625rem; --text-ds-subheading2--line-height: 1.4; --text-ds-subheading2--letter-spacing: .002em; --text-ds-subheading2--font-weight: 500; --font-sans: var(--ds-inter); --font-mono: var(--ds-roboto-mono); }.text-ds-subheading,.text-ds-subheading2{text-transform:uppercase}
1
+ @theme inline {
2
+ --color-ds-color-primary: var(--ds-color-primary);
3
+ --color-ds-color-primary-hover: var(--ds-color-primary-hover);
4
+ --color-ds-color-primary-active: var(--ds-color-primary-active);
5
+ --color-ds-color-primary-text: var(--ds-color-primary-text);
6
+ --color-ds-color-primary-text-hover: var(--ds-color-primary-text-hover);
7
+ --color-ds-color-primary-text-active: var(--ds-color-primary-text-active);
8
+ --color-ds-color-primary-bg: var(--ds-color-primary-bg);
9
+ --color-ds-color-primary-bg-hover: var(--ds-color-primary-bg-hover);
10
+ --color-ds-color-primary-border: var(--ds-color-primary-border);
11
+ --color-ds-color-primary-border-hover: var(--ds-color-primary-border-hover);
12
+
13
+ --color-ds-color-warning: var(--ds-color-warning);
14
+ --color-ds-color-warning-hover: var(--ds-color-warning-hover);
15
+ --color-ds-color-warning-active: var(--ds-color-warning-active);
16
+ --color-ds-color-warning-text: var(--ds-color-warning-text);
17
+ --color-ds-color-warning-text-hover: var(--ds-color-warning-text-hover);
18
+ --color-ds-color-warning-text-active: var(--ds-color-warning-text-active);
19
+ --color-ds-color-warning-bg: var(--ds-color-warning-bg);
20
+ --color-ds-color-warning-bg-hover: var(--ds-color-warning-bg-hover);
21
+ --color-ds-color-warning-border: var(--ds-color-warning-border);
22
+ --color-ds-color-warning-border-hover: var(--ds-color-warning-border-hover);
23
+
24
+ --color-ds-color-success: var(--ds-color-success);
25
+ --color-ds-color-success-hover: var(--ds-color-success-hover);
26
+ --color-ds-color-success-active: var(--ds-color-success-active);
27
+ --color-ds-color-success-text: var(--ds-color-success-text);
28
+ --color-ds-color-success-text-hover: var(--ds-color-success-text-hover);
29
+ --color-ds-color-success-text-active: var(--ds-color-success-text-active);
30
+ --color-ds-color-success-bg: var(--ds-color-success-bg);
31
+ --color-ds-color-success-bg-hover: var(--ds-color-success-bg-hover);
32
+ --color-ds-color-success-border: var(--ds-color-success-border);
33
+ --color-ds-color-success-border-hover: var(--ds-color-success-border-hover);
34
+
35
+ --color-ds-color-error: var(--ds-color-error);
36
+ --color-ds-color-error-hover: var(--ds-color-error-hover);
37
+ --color-ds-color-error-active: var(--ds-color-error-active);
38
+ --color-ds-color-error-text: var(--ds-color-error-text);
39
+ --color-ds-color-error-text-hover: var(--ds-color-error-text-hover);
40
+ --color-ds-color-error-text-active: var(--ds-color-error-text-active);
41
+ --color-ds-color-error-bg: var(--ds-color-error-bg);
42
+ --color-ds-color-error-bg-hover: var(--ds-color-error-bg-hover);
43
+ --color-ds-color-error-border: var(--ds-color-error-border);
44
+ --color-ds-color-error-border-hover: var(--ds-color-error-border-hover);
45
+
46
+ --color-ds-color-text-base: var(--ds-color-text-base);
47
+ --color-ds-color-text: var(--ds-color-text);
48
+ --color-ds-color-text-secondary: var(--ds-color-text-secondary);
49
+ --color-ds-color-text-tertiary: var(--ds-color-text-tertiary);
50
+ --color-ds-color-text-quaternary: var(--ds-color-text-quaternary);
51
+
52
+ --color-ds-color-bg-base: var(--ds-color-bg-base);
53
+ --color-ds-color-bg-container: var(--ds-color-bg-container);
54
+ --color-ds-color-bg-elevated: var(--ds-color-bg-elevated);
55
+ --color-ds-color-bg-layout: var(--ds-color-bg-layout);
56
+ --color-ds-color-bg-spotlight: var(--ds-color-bg-spotlight);
57
+ --color-ds-color-bg-mask: var(--ds-color-bg-mask);
58
+
59
+ --color-ds-color-fill: var(--ds-color-fill);
60
+ --color-ds-color-fill-secondary: var(--ds-color-fill-secondary);
61
+ --color-ds-color-fill-tertiary: var(--ds-color-fill-tertiary);
62
+ --color-ds-color-fill-quaternary: var(--ds-color-fill-quaternary);
63
+ --color-ds-color-fill-alter: var(--ds-color-fill-alter);
64
+ --color-ds-color-border: var(--ds-color-border);
65
+ --color-ds-color-border-secondary: var(--ds-color-border-secondary);
66
+ --color-ds-color-split: var(--ds-color-split);
67
+ --color-ds-color-text-placeholder: var(--ds-color-text-placeholder);
68
+ --color-ds-color-text-disabled: var(--ds-color-text-disabled);
69
+ --color-ds-color-text-heading: var(--ds-color-text-heading);
70
+ --color-ds-color-text-label: var(--ds-color-text-label);
71
+ --color-ds-color-text-description: var(--ds-color-text-description);
72
+ --color-ds-color-text-light-solid: var(--ds-color-text-light-solid);
73
+ --color-ds-color-highlight: var(--ds-color-highlight);
74
+ --color-ds-color-bg-text-hover: var(--ds-color-bg-text-hover);
75
+ --color-ds-color-bg-text-active: var(--ds-color-bg-text-active);
76
+ --color-ds-color-icon: var(--ds-color-icon);
77
+ --color-ds-color-icon-hover: var(--ds-color-icon-hover);
78
+ --color-ds-segment-color-bg-active: var(--ds-segment-color-bg-active);
79
+
80
+ --text-ds-sm: var(--ds-font-size-sm);
81
+ --text-ds-md: var(--ds-font-size);
82
+ --text-ds-lg: var(--ds-font-size-lg);
83
+ --text-ds-xl: var(--ds-font-size-xl);
84
+
85
+ --text-ds-sm--line-height: var(--ds-font-height-sm);
86
+ --text-ds-md--line-height: var(--ds-font-height);
87
+ --text-ds-lg--line-height: var(--ds-font-height-lg);
88
+ --text-ds-xl--line-height: var(--ds-font-height-xl);
89
+
90
+ --text-ds-h1: var(--ds-font-size-heading-1);
91
+ --text-ds-h2: var(--ds-font-size-heading-2);
92
+ --text-ds-h3: var(--ds-font-size-heading-3);
93
+ --text-ds-h4: var(--ds-font-size-heading-4);
94
+ --text-ds-h5: var(--ds-font-size-heading-5);
95
+
96
+ --text-ds-h1--line-height: var(--ds-line-height-heading-1);
97
+ --text-ds-h2--line-height: var(--ds-line-height-heading-2);
98
+ --text-ds-h3--line-height: var(--ds-line-height-heading-3);
99
+ --text-ds-h4--line-height: var(--ds-line-height-heading-4);
100
+ --text-ds-h5--line-height: var(--ds-line-height-heading-5);
101
+
102
+ --text-ds-h1--font-weight: 600;
103
+ --text-ds-h2--font-weight: 600;
104
+ --text-ds-h3--font-weight: 600;
105
+ --text-ds-h4--font-weight: 600;
106
+ --text-ds-h5--font-weight: 600;
107
+
108
+ --text-ds-subheading: 0.75rem;
109
+ --text-ds-subheading--line-height: 1rem;
110
+ --text-ds-subheading--letter-spacing: 0.002em;
111
+ --text-ds-subheading--font-weight: 500;
112
+
113
+ --text-ds-subheading2: 0.625rem;
114
+ --text-ds-subheading2--line-height: 1.4;
115
+ --text-ds-subheading2--letter-spacing: 0.002em;
116
+ --text-ds-subheading2--font-weight: 500;
117
+
118
+ --font-sans: var(--ds-inter);
119
+ --font-mono: var(--ds-roboto-mono);
120
+ }
121
+
122
+ .text-ds-subheading,
123
+ .text-ds-subheading2 {
124
+ text-transform: uppercase;
125
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bioturing/components",
3
- "version": "0.39.1",
3
+ "version": "0.40.1",
4
4
  "type": "module",
5
5
  "module": "./dist/index.js",
6
6
  "main": "./dist/index.js",
@@ -21,8 +21,8 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@ant-design/cssinjs": "^1.24.0",
24
- "@base-ui-components/react": "1.0.0-beta.7",
25
- "@base-ui-components/utils": "0.2.1",
24
+ "@base-ui/react": "1.0.0",
25
+ "@base-ui/utils": "0.2.3",
26
26
  "@floating-ui/react": "^0.27.16",
27
27
  "@tanstack/react-table": "^8.21.3",
28
28
  "es-toolkit": "^1.37.2",
@@ -1,2 +0,0 @@
1
- export declare function commandScore(string: string, abbreviation: string, aliases: string[]): number;
2
- //# sourceMappingURL=command-score.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"command-score.d.ts","sourceRoot":"","sources":["../../../src/components/cmdk/command-score.ts"],"names":[],"mappings":"AAsKA,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,MAAM,EAAE,GAChB,MAAM,CAkBR"}
@@ -1,48 +0,0 @@
1
- const Y = /[\\/_+.#"@\[\(\{&]/, H = /[\\/_+.#"@\[\(\{&]/g, u = /[\s-]/, D = /[\s-]/g;
2
- function L(E, A, C, T, O, S, c) {
3
- if (S === A.length)
4
- return O === E.length ? 1 : 0.99;
5
- const h = `${O},${S}`;
6
- if (c[h] !== void 0)
7
- return c[h];
8
- const U = T.charAt(S);
9
- let P = C.indexOf(U, O), N = 0, _, R, f, M;
10
- for (; P >= 0; )
11
- _ = L(
12
- E,
13
- A,
14
- C,
15
- T,
16
- P + 1,
17
- S + 1,
18
- c
19
- ), _ > N && (P === O ? _ *= 1 : Y.test(E.charAt(P - 1)) ? (_ *= 0.8, f = E.slice(O, P - 1).match(H), f && O > 0 && (_ *= Math.pow(0.999, f.length))) : u.test(E.charAt(P - 1)) ? (_ *= 0.9, M = E.slice(O, P - 1).match(D), M && O > 0 && (_ *= Math.pow(0.999, M.length))) : (_ *= 0.17, O > 0 && (_ *= Math.pow(0.999, P - O))), E.charAt(P) !== A.charAt(S) && (_ *= 0.9999)), (_ < 0.1 && C.charAt(P - 1) === T.charAt(S + 1) || T.charAt(S + 1) === T.charAt(S) && // allow duplicate letters. Ref #7428
20
- C.charAt(P - 1) !== T.charAt(S)) && (R = L(
21
- E,
22
- A,
23
- C,
24
- T,
25
- P + 1,
26
- S + 2,
27
- c
28
- ), R * 0.1 > _ && (_ = R * 0.1)), _ > N && (N = _), P = C.indexOf(U, P + 1);
29
- return c[h] = N, N;
30
- }
31
- function p(E) {
32
- return E.toLowerCase().replace(D, " ");
33
- }
34
- function G(E, A, C) {
35
- return E = C && C.length > 0 ? `${E + " " + C.join(" ")}` : E, L(
36
- E,
37
- A,
38
- p(E),
39
- p(A),
40
- 0,
41
- 0,
42
- {}
43
- );
44
- }
45
- export {
46
- G as commandScore
47
- };
48
- //# sourceMappingURL=command-score.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"command-score.js","sources":["../../../src/components/cmdk/command-score.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n// This is a copy of the cmdk component from \"cmdk\" package.\n// It is used here to avoid dependency on cmdk package and radix-ui-components package.\n\n// The scores are arranged so that a continuous match of characters will\n// result in a total score of 1.\n//\n// The best case, this character is a match, and either this is the start\n// of the string, or the previous character was also a match.\nconst SCORE_CONTINUE_MATCH = 1,\n // A new match at the start of a word scores better than a new match\n // elsewhere as it's more likely that the user will type the starts\n // of fragments.\n // NOTE: We score word jumps between spaces slightly higher than slashes, brackets\n // hyphens, etc.\n SCORE_SPACE_WORD_JUMP = 0.9,\n SCORE_NON_SPACE_WORD_JUMP = 0.8,\n // Any other match isn't ideal, but we include it for completeness.\n SCORE_CHARACTER_JUMP = 0.17,\n // If the user transposed two letters, it should be significantly penalized.\n //\n // i.e. \"ouch\" is more likely than \"curtain\" when \"uc\" is typed.\n SCORE_TRANSPOSITION = 0.1,\n // The goodness of a match should decay slightly with each missing\n // character.\n //\n // i.e. \"bad\" is more likely than \"bard\" when \"bd\" is typed.\n //\n // This will not change the order of suggestions based on SCORE_* until\n // 100 characters are inserted between matches.\n PENALTY_SKIPPED = 0.999,\n // The goodness of an exact-case match should be higher than a\n // case-insensitive match by a small amount.\n //\n // i.e. \"HTML\" is more likely than \"haml\" when \"HM\" is typed.\n //\n // This will not change the order of suggestions based on SCORE_* until\n // 1000 characters are inserted between matches.\n PENALTY_CASE_MISMATCH = 0.9999,\n // Match higher for letters closer to the beginning of the word\n PENALTY_DISTANCE_FROM_START = 0.9,\n // If the word has more characters than the user typed, it should\n // be penalised slightly.\n //\n // i.e. \"html\" is more likely than \"html5\" if I type \"html\".\n //\n // However, it may well be the case that there's a sensible secondary\n // ordering (like alphabetical) that it makes sense to rely on when\n // there are many prefix matches, so we don't make the penalty increase\n // with the number of tokens.\n PENALTY_NOT_COMPLETE = 0.99;\n\nconst IS_GAP_REGEXP = /[\\\\/_+.#\"@\\[\\(\\{&]/,\n COUNT_GAPS_REGEXP = /[\\\\/_+.#\"@\\[\\(\\{&]/g,\n IS_SPACE_REGEXP = /[\\s-]/,\n COUNT_SPACE_REGEXP = /[\\s-]/g;\n\nfunction commandScoreInner(\n string,\n abbreviation,\n lowerString,\n lowerAbbreviation,\n stringIndex,\n abbreviationIndex,\n memoizedResults\n) {\n if (abbreviationIndex === abbreviation.length) {\n if (stringIndex === string.length) {\n return SCORE_CONTINUE_MATCH;\n }\n return PENALTY_NOT_COMPLETE;\n }\n\n const memoizeKey = `${stringIndex},${abbreviationIndex}`;\n if (memoizedResults[memoizeKey] !== undefined) {\n return memoizedResults[memoizeKey];\n }\n\n const abbreviationChar = lowerAbbreviation.charAt(abbreviationIndex);\n let index = lowerString.indexOf(abbreviationChar, stringIndex);\n let highScore = 0;\n\n let score, transposedScore, wordBreaks, spaceBreaks;\n\n while (index >= 0) {\n score = commandScoreInner(\n string,\n abbreviation,\n lowerString,\n lowerAbbreviation,\n index + 1,\n abbreviationIndex + 1,\n memoizedResults\n );\n if (score > highScore) {\n if (index === stringIndex) {\n score *= SCORE_CONTINUE_MATCH;\n } else if (IS_GAP_REGEXP.test(string.charAt(index - 1))) {\n score *= SCORE_NON_SPACE_WORD_JUMP;\n wordBreaks = string\n .slice(stringIndex, index - 1)\n .match(COUNT_GAPS_REGEXP);\n if (wordBreaks && stringIndex > 0) {\n score *= Math.pow(PENALTY_SKIPPED, wordBreaks.length);\n }\n } else if (IS_SPACE_REGEXP.test(string.charAt(index - 1))) {\n score *= SCORE_SPACE_WORD_JUMP;\n spaceBreaks = string\n .slice(stringIndex, index - 1)\n .match(COUNT_SPACE_REGEXP);\n if (spaceBreaks && stringIndex > 0) {\n score *= Math.pow(PENALTY_SKIPPED, spaceBreaks.length);\n }\n } else {\n score *= SCORE_CHARACTER_JUMP;\n if (stringIndex > 0) {\n score *= Math.pow(PENALTY_SKIPPED, index - stringIndex);\n }\n }\n\n if (string.charAt(index) !== abbreviation.charAt(abbreviationIndex)) {\n score *= PENALTY_CASE_MISMATCH;\n }\n }\n\n if (\n (score < SCORE_TRANSPOSITION &&\n lowerString.charAt(index - 1) ===\n lowerAbbreviation.charAt(abbreviationIndex + 1)) ||\n (lowerAbbreviation.charAt(abbreviationIndex + 1) ===\n lowerAbbreviation.charAt(abbreviationIndex) && // allow duplicate letters. Ref #7428\n lowerString.charAt(index - 1) !==\n lowerAbbreviation.charAt(abbreviationIndex))\n ) {\n transposedScore = commandScoreInner(\n string,\n abbreviation,\n lowerString,\n lowerAbbreviation,\n index + 1,\n abbreviationIndex + 2,\n memoizedResults\n );\n\n if (transposedScore * SCORE_TRANSPOSITION > score) {\n score = transposedScore * SCORE_TRANSPOSITION;\n }\n }\n\n if (score > highScore) {\n highScore = score;\n }\n\n index = lowerString.indexOf(abbreviationChar, index + 1);\n }\n\n memoizedResults[memoizeKey] = highScore;\n return highScore;\n}\n\nfunction formatInput(string) {\n // convert all valid space characters to space so they match each other\n return string.toLowerCase().replace(COUNT_SPACE_REGEXP, \" \");\n}\n\nexport function commandScore(\n string: string,\n abbreviation: string,\n aliases: string[]\n): number {\n /* NOTE:\n * in the original, we used to do the lower-casing on each recursive call, but this meant that toLowerCase()\n * was the dominating cost in the algorithm, passing both is a little ugly, but considerably faster.\n */\n string =\n aliases && aliases.length > 0\n ? `${string + \" \" + aliases.join(\" \")}`\n : string;\n return commandScoreInner(\n string,\n abbreviation,\n formatInput(string),\n formatInput(abbreviation),\n 0,\n 0,\n {}\n );\n}\n"],"names":["IS_GAP_REGEXP","COUNT_GAPS_REGEXP","IS_SPACE_REGEXP","COUNT_SPACE_REGEXP","commandScoreInner","string","abbreviation","lowerString","lowerAbbreviation","stringIndex","abbreviationIndex","memoizedResults","memoizeKey","abbreviationChar","index","highScore","score","transposedScore","wordBreaks","spaceBreaks","formatInput","commandScore","aliases"],"mappings":"AAqDA,MAAMA,IAAgB,sBACpBC,IAAoB,uBACpBC,IAAkB,SAClBC,IAAqB;AAEvB,SAASC,EACPC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACA;AACA,MAAID,MAAsBJ,EAAa;AACrC,WAAIG,MAAgBJ,EAAO,SAClB,IAEF;AAGT,QAAMO,IAAa,GAAGH,CAAW,IAAIC,CAAiB;AACtD,MAAIC,EAAgBC,CAAU,MAAM;AAClC,WAAOD,EAAgBC,CAAU;AAGnC,QAAMC,IAAmBL,EAAkB,OAAOE,CAAiB;AACnE,MAAII,IAAQP,EAAY,QAAQM,GAAkBJ,CAAW,GACzDM,IAAY,GAEZC,GAAOC,GAAiBC,GAAYC;AAExC,SAAOL,KAAS;AACd,IAAAE,IAAQZ;AAAA,MACNC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAM,IAAQ;AAAA,MACRJ,IAAoB;AAAA,MACpBC;AAAA,IAAA,GAEEK,IAAQD,MACND,MAAUL,IACZO,KAAS,IACAhB,EAAc,KAAKK,EAAO,OAAOS,IAAQ,CAAC,CAAC,KACpDE,KAAS,KACTE,IAAab,EACV,MAAMI,GAAaK,IAAQ,CAAC,EAC5B,MAAMb,CAAiB,GACtBiB,KAAcT,IAAc,MAC9BO,KAAS,KAAK,IAAI,OAAiBE,EAAW,MAAM,MAE7ChB,EAAgB,KAAKG,EAAO,OAAOS,IAAQ,CAAC,CAAC,KACtDE,KAAS,KACTG,IAAcd,EACX,MAAMI,GAAaK,IAAQ,CAAC,EAC5B,MAAMX,CAAkB,GACvBgB,KAAeV,IAAc,MAC/BO,KAAS,KAAK,IAAI,OAAiBG,EAAY,MAAM,OAGvDH,KAAS,MACLP,IAAc,MAChBO,KAAS,KAAK,IAAI,OAAiBF,IAAQL,CAAW,KAItDJ,EAAO,OAAOS,CAAK,MAAMR,EAAa,OAAOI,CAAiB,MAChEM,KAAS,WAKVA,IAAQ,OACPT,EAAY,OAAOO,IAAQ,CAAC,MAC1BN,EAAkB,OAAOE,IAAoB,CAAC,KACjDF,EAAkB,OAAOE,IAAoB,CAAC,MAC7CF,EAAkB,OAAOE,CAAiB;AAAA,IAC1CH,EAAY,OAAOO,IAAQ,CAAC,MAC1BN,EAAkB,OAAOE,CAAiB,OAE9CO,IAAkBb;AAAA,MAChBC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAM,IAAQ;AAAA,MACRJ,IAAoB;AAAA,MACpBC;AAAA,IAAA,GAGEM,IAAkB,MAAsBD,MAC1CA,IAAQC,IAAkB,OAI1BD,IAAQD,MACVA,IAAYC,IAGdF,IAAQP,EAAY,QAAQM,GAAkBC,IAAQ,CAAC;AAGzD,SAAAH,EAAgBC,CAAU,IAAIG,GACvBA;AACT;AAEA,SAASK,EAAYf,GAAQ;AAE3B,SAAOA,EAAO,YAAA,EAAc,QAAQF,GAAoB,GAAG;AAC7D;AAEO,SAASkB,EACdhB,GACAC,GACAgB,GACQ;AAKR,SAAAjB,IACEiB,KAAWA,EAAQ,SAAS,IACxB,GAAGjB,IAAS,MAAMiB,EAAQ,KAAK,GAAG,CAAC,KACnCjB,GACCD;AAAA,IACLC;AAAA,IACAC;AAAA,IACAc,EAAYf,CAAM;AAAA,IAClBe,EAAYd,CAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA,CAAA;AAAA,EAAC;AAEL;"}
@@ -1,440 +0,0 @@
1
- import { default as React } from 'react';
2
- import { Dialog as RadixDialog } from '@base-ui-components/react';
3
- import { WithRenderPropProps } from '../utils';
4
- type Children = {
5
- children?: React.ReactNode;
6
- };
7
- type DivProps = WithRenderPropProps<"div">;
8
- type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
9
- export type CommandProps = Children & DivProps & {
10
- /**
11
- * Accessible label for this command menu. Not shown visibly.
12
- */
13
- label?: string;
14
- /**
15
- * Optionally set to `false` to turn off the automatic filtering and sorting.
16
- * If `false`, you must conditionally render valid items based on the search query yourself.
17
- */
18
- shouldFilter?: boolean;
19
- /**
20
- * Custom filter function for whether each command menu item should matches the given search query.
21
- * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
22
- * By default, uses the `command-score` library.
23
- */
24
- filter?: CommandFilter;
25
- /**
26
- * Optional default item value when it is initially rendered.
27
- */
28
- defaultValue?: string;
29
- /**
30
- * Optional controlled state of the selected command menu item.
31
- */
32
- value?: string;
33
- /**
34
- * Event handler called when the selected item of the menu changes.
35
- */
36
- onValueChange?: (value: string) => void;
37
- /**
38
- * Optionally set to `true` to turn on looping around when using the arrow keys.
39
- */
40
- loop?: boolean;
41
- /**
42
- * Optionally set to `true` to disable selection via pointer events.
43
- */
44
- disablePointerSelection?: boolean;
45
- /**
46
- * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
47
- */
48
- vimBindings?: boolean;
49
- };
50
- type State = {
51
- search: string;
52
- value: string;
53
- selectedItemId?: string;
54
- filtered: {
55
- count: number;
56
- items: Map<string, number>;
57
- groups: Set<string>;
58
- };
59
- };
60
- type Group = {
61
- id: string;
62
- forceMount?: boolean;
63
- };
64
- declare const defaultFilter: CommandFilter;
65
- declare const Command: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
66
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
67
- as?: "div";
68
- state?: Record<string, unknown>;
69
- } & {
70
- /**
71
- * Accessible label for this command menu. Not shown visibly.
72
- */
73
- label?: string;
74
- /**
75
- * Optionally set to `false` to turn off the automatic filtering and sorting.
76
- * If `false`, you must conditionally render valid items based on the search query yourself.
77
- */
78
- shouldFilter?: boolean;
79
- /**
80
- * Custom filter function for whether each command menu item should matches the given search query.
81
- * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
82
- * By default, uses the `command-score` library.
83
- */
84
- filter?: CommandFilter;
85
- /**
86
- * Optional default item value when it is initially rendered.
87
- */
88
- defaultValue?: string;
89
- /**
90
- * Optional controlled state of the selected command menu item.
91
- */
92
- value?: string;
93
- /**
94
- * Event handler called when the selected item of the menu changes.
95
- */
96
- onValueChange?: (value: string) => void;
97
- /**
98
- * Optionally set to `true` to turn on looping around when using the arrow keys.
99
- */
100
- loop?: boolean;
101
- /**
102
- * Optionally set to `true` to disable selection via pointer events.
103
- */
104
- disablePointerSelection?: boolean;
105
- /**
106
- * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
107
- */
108
- vimBindings?: boolean;
109
- } & React.RefAttributes<HTMLDivElement>>;
110
- /**
111
- * Command menu item. Becomes active on pointer enter or through keyboard navigation.
112
- * Preferably pass a `value`, otherwise the value will be inferred from `children` or
113
- * the rendered item's `textContent`.
114
- */
115
- declare const Item: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "onSelect" | "disabled"> & {
116
- /** Whether this item is currently disabled. */
117
- disabled?: boolean;
118
- /** Event handler for when this item is selected, either via click or keyboard selection. */
119
- onSelect?: (value: string) => void;
120
- /**
121
- * A unique value for this item.
122
- * If no value is provided, it will be inferred from `children` or the rendered `textContent`. If your `textContent` changes between renders, you _must_ provide a stable, unique `value`.
123
- */
124
- value?: string;
125
- /** Optional keywords to match against when filtering. */
126
- keywords?: string[];
127
- /** Whether this item is forcibly rendered regardless of filtering. */
128
- forceMount?: boolean;
129
- } & React.RefAttributes<HTMLDivElement>>;
130
- /**
131
- * Group command menu items together with a heading.
132
- * Grouped items are always shown together.
133
- */
134
- declare const Group: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "heading"> & {
135
- /** Optional heading to render for this group. */
136
- heading?: React.ReactNode;
137
- /** If no heading is provided, you must provide a value that is unique for this group. */
138
- value?: string;
139
- /** Whether this group is forcibly rendered regardless of filtering. */
140
- forceMount?: boolean;
141
- } & React.RefAttributes<HTMLDivElement>>;
142
- /**
143
- * A visual and semantic separator between items or groups.
144
- * Visible when the search query is empty or `alwaysRender` is true, hidden otherwise.
145
- */
146
- declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
147
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
148
- as?: "div";
149
- state?: Record<string, unknown>;
150
- } & {
151
- /** Whether this separator should always be rendered. Useful if you disable automatic filtering. */
152
- alwaysRender?: boolean;
153
- } & React.RefAttributes<HTMLDivElement>>;
154
- /**
155
- * Command menu input.
156
- * All props are forwarded to the underyling `input` element.
157
- */
158
- declare const Input: React.ForwardRefExoticComponent<Omit<WithRenderPropProps<"input">, "type" | "value" | "onChange"> & {
159
- /**
160
- * Optional controlled state for the value of the search input.
161
- */
162
- value?: string;
163
- /**
164
- * Event handler called when the search value changes.
165
- */
166
- onValueChange?: (search: string) => void;
167
- } & React.RefAttributes<HTMLInputElement>>;
168
- /**
169
- * Contains `Item`, `Group`, and `Separator`.
170
- * Use the `--cmdk-list-height` CSS variable to animate height based on the number of results.
171
- */
172
- declare const List: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
173
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
174
- as?: "div";
175
- state?: Record<string, unknown>;
176
- } & {
177
- /**
178
- * Accessible label for this List of suggestions. Not shown visibly.
179
- */
180
- label?: string;
181
- } & React.RefAttributes<HTMLDivElement>>;
182
- /**
183
- * Renders the command menu in a Radix Dialog.
184
- */
185
- declare const Dialog: React.ForwardRefExoticComponent<RadixDialog.Root.Props<unknown> & Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
186
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
187
- as?: "div";
188
- state?: Record<string, unknown>;
189
- } & {
190
- /**
191
- * Accessible label for this command menu. Not shown visibly.
192
- */
193
- label?: string;
194
- /**
195
- * Optionally set to `false` to turn off the automatic filtering and sorting.
196
- * If `false`, you must conditionally render valid items based on the search query yourself.
197
- */
198
- shouldFilter?: boolean;
199
- /**
200
- * Custom filter function for whether each command menu item should matches the given search query.
201
- * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
202
- * By default, uses the `command-score` library.
203
- */
204
- filter?: CommandFilter;
205
- /**
206
- * Optional default item value when it is initially rendered.
207
- */
208
- defaultValue?: string;
209
- /**
210
- * Optional controlled state of the selected command menu item.
211
- */
212
- value?: string;
213
- /**
214
- * Event handler called when the selected item of the menu changes.
215
- */
216
- onValueChange?: (value: string) => void;
217
- /**
218
- * Optionally set to `true` to turn on looping around when using the arrow keys.
219
- */
220
- loop?: boolean;
221
- /**
222
- * Optionally set to `true` to disable selection via pointer events.
223
- */
224
- disablePointerSelection?: boolean;
225
- /**
226
- * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
227
- */
228
- vimBindings?: boolean;
229
- } & {
230
- /** Provide a className to the Dialog overlay. */
231
- overlayClassName?: string;
232
- /** Provide a className to the Dialog content. */
233
- contentClassName?: string;
234
- /** Provide a custom element the Dialog should portal into. */
235
- container?: HTMLElement;
236
- } & React.RefAttributes<HTMLDivElement>>;
237
- /**
238
- * Automatically renders when there are no results for the search query.
239
- */
240
- declare const Empty: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
241
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
242
- as?: "div";
243
- state?: Record<string, unknown>;
244
- } & React.RefAttributes<HTMLDivElement>>;
245
- /**
246
- * You should conditionally render this with `progress` while loading asynchronous items.
247
- */
248
- declare const Loading: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
249
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
250
- as?: "div";
251
- state?: Record<string, unknown>;
252
- } & {
253
- /** Estimated progress of loading asynchronous options. */
254
- progress?: number;
255
- /**
256
- * Accessible label for this loading progressbar. Not shown visibly.
257
- */
258
- label?: string;
259
- } & React.RefAttributes<HTMLDivElement>>;
260
- declare const pkg: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
261
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
262
- as?: "div";
263
- state?: Record<string, unknown>;
264
- } & {
265
- /**
266
- * Accessible label for this command menu. Not shown visibly.
267
- */
268
- label?: string;
269
- /**
270
- * Optionally set to `false` to turn off the automatic filtering and sorting.
271
- * If `false`, you must conditionally render valid items based on the search query yourself.
272
- */
273
- shouldFilter?: boolean;
274
- /**
275
- * Custom filter function for whether each command menu item should matches the given search query.
276
- * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
277
- * By default, uses the `command-score` library.
278
- */
279
- filter?: CommandFilter;
280
- /**
281
- * Optional default item value when it is initially rendered.
282
- */
283
- defaultValue?: string;
284
- /**
285
- * Optional controlled state of the selected command menu item.
286
- */
287
- value?: string;
288
- /**
289
- * Event handler called when the selected item of the menu changes.
290
- */
291
- onValueChange?: (value: string) => void;
292
- /**
293
- * Optionally set to `true` to turn on looping around when using the arrow keys.
294
- */
295
- loop?: boolean;
296
- /**
297
- * Optionally set to `true` to disable selection via pointer events.
298
- */
299
- disablePointerSelection?: boolean;
300
- /**
301
- * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
302
- */
303
- vimBindings?: boolean;
304
- } & React.RefAttributes<HTMLDivElement>> & {
305
- List: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
306
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
307
- as?: "div";
308
- state?: Record<string, unknown>;
309
- } & {
310
- /**
311
- * Accessible label for this List of suggestions. Not shown visibly.
312
- */
313
- label?: string;
314
- } & React.RefAttributes<HTMLDivElement>>;
315
- Item: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "onSelect" | "disabled"> & {
316
- /** Whether this item is currently disabled. */
317
- disabled?: boolean;
318
- /** Event handler for when this item is selected, either via click or keyboard selection. */
319
- onSelect?: (value: string) => void;
320
- /**
321
- * A unique value for this item.
322
- * If no value is provided, it will be inferred from `children` or the rendered `textContent`. If your `textContent` changes between renders, you _must_ provide a stable, unique `value`.
323
- */
324
- value?: string;
325
- /** Optional keywords to match against when filtering. */
326
- keywords?: string[];
327
- /** Whether this item is forcibly rendered regardless of filtering. */
328
- forceMount?: boolean;
329
- } & React.RefAttributes<HTMLDivElement>>;
330
- Input: React.ForwardRefExoticComponent<Omit<WithRenderPropProps<"input">, "type" | "value" | "onChange"> & {
331
- /**
332
- * Optional controlled state for the value of the search input.
333
- */
334
- value?: string;
335
- /**
336
- * Event handler called when the search value changes.
337
- */
338
- onValueChange?: (search: string) => void;
339
- } & React.RefAttributes<HTMLInputElement>>;
340
- Group: React.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "heading"> & {
341
- /** Optional heading to render for this group. */
342
- heading?: React.ReactNode;
343
- /** If no heading is provided, you must provide a value that is unique for this group. */
344
- value?: string;
345
- /** Whether this group is forcibly rendered regardless of filtering. */
346
- forceMount?: boolean;
347
- } & React.RefAttributes<HTMLDivElement>>;
348
- Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
349
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
350
- as?: "div";
351
- state?: Record<string, unknown>;
352
- } & {
353
- /** Whether this separator should always be rendered. Useful if you disable automatic filtering. */
354
- alwaysRender?: boolean;
355
- } & React.RefAttributes<HTMLDivElement>>;
356
- Dialog: React.ForwardRefExoticComponent<RadixDialog.Root.Props<unknown> & Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
357
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
358
- as?: "div";
359
- state?: Record<string, unknown>;
360
- } & {
361
- /**
362
- * Accessible label for this command menu. Not shown visibly.
363
- */
364
- label?: string;
365
- /**
366
- * Optionally set to `false` to turn off the automatic filtering and sorting.
367
- * If `false`, you must conditionally render valid items based on the search query yourself.
368
- */
369
- shouldFilter?: boolean;
370
- /**
371
- * Custom filter function for whether each command menu item should matches the given search query.
372
- * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
373
- * By default, uses the `command-score` library.
374
- */
375
- filter?: CommandFilter;
376
- /**
377
- * Optional default item value when it is initially rendered.
378
- */
379
- defaultValue?: string;
380
- /**
381
- * Optional controlled state of the selected command menu item.
382
- */
383
- value?: string;
384
- /**
385
- * Event handler called when the selected item of the menu changes.
386
- */
387
- onValueChange?: (value: string) => void;
388
- /**
389
- * Optionally set to `true` to turn on looping around when using the arrow keys.
390
- */
391
- loop?: boolean;
392
- /**
393
- * Optionally set to `true` to disable selection via pointer events.
394
- */
395
- disablePointerSelection?: boolean;
396
- /**
397
- * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
398
- */
399
- vimBindings?: boolean;
400
- } & {
401
- /** Provide a className to the Dialog overlay. */
402
- overlayClassName?: string;
403
- /** Provide a className to the Dialog content. */
404
- contentClassName?: string;
405
- /** Provide a custom element the Dialog should portal into. */
406
- container?: HTMLElement;
407
- } & React.RefAttributes<HTMLDivElement>>;
408
- Empty: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
409
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
410
- as?: "div";
411
- state?: Record<string, unknown>;
412
- } & React.RefAttributes<HTMLDivElement>>;
413
- Loading: React.ForwardRefExoticComponent<Children & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
414
- render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
415
- as?: "div";
416
- state?: Record<string, unknown>;
417
- } & {
418
- /** Estimated progress of loading asynchronous options. */
419
- progress?: number;
420
- /**
421
- * Accessible label for this loading progressbar. Not shown visibly.
422
- */
423
- label?: string;
424
- } & React.RefAttributes<HTMLDivElement>>;
425
- };
426
- export { useCmdk as useCommandState };
427
- export { pkg as Command };
428
- export { defaultFilter };
429
- export { Command as CommandRoot };
430
- export { List as CommandList };
431
- export { Item as CommandItem };
432
- export { Input as CommandInput };
433
- export { Group as CommandGroup };
434
- export { Separator as CommandSeparator };
435
- export { Dialog as CommandDialog };
436
- export { Empty as CommandEmpty };
437
- export { Loading as CommandLoading };
438
- /** Run a selector against the store state. */
439
- declare function useCmdk<T = any>(selector: (state: State) => T): T;
440
- //# sourceMappingURL=index.d.ts.map