@deepfuture/dui-components 0.0.1 → 0.0.4

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 (210) hide show
  1. package/README.md +191 -0
  2. package/accordion/accordion-item.js +0 -2
  3. package/accordion/index.d.ts +5 -2
  4. package/accordion/index.js +5 -2
  5. package/alert-dialog/index.d.ts +9 -4
  6. package/alert-dialog/index.js +9 -4
  7. package/all.d.ts +60 -19
  8. package/all.js +140 -140
  9. package/avatar/index.d.ts +3 -1
  10. package/avatar/index.js +3 -1
  11. package/badge/badge.d.ts +0 -2
  12. package/badge/badge.js +0 -13
  13. package/badge/index.d.ts +3 -2
  14. package/badge/index.js +3 -1
  15. package/breadcrumb/index.d.ts +13 -6
  16. package/breadcrumb/index.js +13 -6
  17. package/button/button.d.ts +1 -5
  18. package/button/button.js +1 -14
  19. package/button/index.d.ts +3 -2
  20. package/button/index.js +3 -1
  21. package/calendar/index.d.ts +3 -1
  22. package/calendar/index.js +3 -1
  23. package/center/index.d.ts +3 -1
  24. package/center/index.js +3 -1
  25. package/checkbox/checkbox.js +0 -1
  26. package/checkbox/index.d.ts +5 -2
  27. package/checkbox/index.js +5 -2
  28. package/collapsible/collapsible.js +0 -2
  29. package/collapsible/index.d.ts +3 -1
  30. package/collapsible/index.js +3 -1
  31. package/combobox/combobox.js +2 -37
  32. package/combobox/index.d.ts +3 -1
  33. package/combobox/index.js +3 -1
  34. package/command/index.d.ts +17 -8
  35. package/command/index.js +17 -8
  36. package/data-table/data-table.js +0 -4
  37. package/data-table/index.d.ts +3 -1
  38. package/data-table/index.js +3 -1
  39. package/dialog/index.d.ts +9 -4
  40. package/dialog/index.js +9 -4
  41. package/dropzone/dropzone.js +0 -1
  42. package/dropzone/index.d.ts +3 -1
  43. package/dropzone/index.js +3 -1
  44. package/hstack/index.d.ts +3 -1
  45. package/hstack/index.js +3 -1
  46. package/icon/index.d.ts +3 -1
  47. package/icon/index.js +3 -1
  48. package/input/index.d.ts +3 -1
  49. package/input/index.js +3 -1
  50. package/input/input.js +0 -1
  51. package/link/index.d.ts +3 -1
  52. package/link/index.js +3 -1
  53. package/menu/index.d.ts +5 -2
  54. package/menu/index.js +5 -2
  55. package/menu/menu-item.d.ts +0 -2
  56. package/menu/menu-item.js +0 -8
  57. package/menu/menu.js +1 -12
  58. package/menubar/index.d.ts +3 -1
  59. package/menubar/index.js +3 -1
  60. package/number-field/index.d.ts +3 -1
  61. package/number-field/index.js +3 -1
  62. package/package.json +5 -4
  63. package/page-inset/index.d.ts +3 -1
  64. package/page-inset/index.js +3 -1
  65. package/popover/index.d.ts +9 -4
  66. package/popover/index.js +9 -4
  67. package/popover/popover-popup.js +1 -22
  68. package/portal/index.d.ts +3 -1
  69. package/portal/index.js +3 -1
  70. package/preview-card/index.d.ts +7 -3
  71. package/preview-card/index.js +7 -3
  72. package/preview-card/preview-card-popup.js +1 -23
  73. package/progress/index.d.ts +3 -1
  74. package/progress/index.js +3 -1
  75. package/radio/index.d.ts +5 -2
  76. package/radio/index.js +5 -2
  77. package/radio/radio.js +0 -1
  78. package/scroll-area/index.d.ts +3 -1
  79. package/scroll-area/index.js +3 -1
  80. package/scroll-area/scroll-area.js +7 -0
  81. package/select/index.d.ts +3 -1
  82. package/select/index.js +3 -1
  83. package/select/select.js +1 -35
  84. package/separator/index.d.ts +3 -1
  85. package/separator/index.js +3 -1
  86. package/sidebar/index.d.ts +27 -14
  87. package/sidebar/index.js +32 -13
  88. package/sidebar/sidebar-context.d.ts +1 -1
  89. package/sidebar/sidebar-menu-button.d.ts +0 -3
  90. package/sidebar/sidebar-menu-button.js +0 -7
  91. package/sidebar/sidebar-provider.d.ts +1 -1
  92. package/sidebar/sidebar-provider.js +1 -1
  93. package/sidebar/sidebar-trigger.js +1 -1
  94. package/slider/index.d.ts +3 -1
  95. package/slider/index.js +3 -1
  96. package/slider/slider.js +0 -1
  97. package/spinner/index.d.ts +3 -1
  98. package/spinner/index.js +3 -1
  99. package/spinner/spinner.d.ts +1 -6
  100. package/spinner/spinner.js +1 -8
  101. package/switch/index.d.ts +3 -1
  102. package/switch/index.js +3 -1
  103. package/switch/switch.js +0 -2
  104. package/tabs/index.d.ts +11 -5
  105. package/tabs/index.js +11 -5
  106. package/tabs/tab.js +0 -1
  107. package/tabs/tabs-panel.js +0 -1
  108. package/textarea/index.d.ts +4 -2
  109. package/textarea/index.js +3 -1
  110. package/textarea/textarea.d.ts +0 -3
  111. package/textarea/textarea.js +0 -8
  112. package/toggle/index.d.ts +5 -2
  113. package/toggle/index.js +5 -2
  114. package/toggle/toggle.d.ts +1 -0
  115. package/toggle/toggle.js +3 -0
  116. package/toolbar/index.d.ts +3 -1
  117. package/toolbar/index.js +3 -1
  118. package/toolbar/toolbar.d.ts +0 -2
  119. package/toolbar/toolbar.js +0 -7
  120. package/tooltip/index.d.ts +7 -3
  121. package/tooltip/index.js +7 -3
  122. package/tooltip/tooltip-popup.js +1 -26
  123. package/trunc/index.d.ts +3 -1
  124. package/trunc/index.js +3 -1
  125. package/vstack/index.d.ts +3 -1
  126. package/vstack/index.js +3 -1
  127. package/accordion/register.d.ts +0 -1
  128. package/accordion/register.js +0 -8
  129. package/alert-dialog/register.d.ts +0 -1
  130. package/alert-dialog/register.js +0 -16
  131. package/avatar/register.d.ts +0 -1
  132. package/avatar/register.js +0 -4
  133. package/badge/register.d.ts +0 -1
  134. package/badge/register.js +0 -4
  135. package/breadcrumb/register.d.ts +0 -1
  136. package/breadcrumb/register.js +0 -14
  137. package/button/register.d.ts +0 -1
  138. package/button/register.js +0 -4
  139. package/calendar/register.d.ts +0 -1
  140. package/calendar/register.js +0 -4
  141. package/center/register.d.ts +0 -1
  142. package/center/register.js +0 -4
  143. package/checkbox/register.d.ts +0 -1
  144. package/checkbox/register.js +0 -8
  145. package/collapsible/register.d.ts +0 -1
  146. package/collapsible/register.js +0 -4
  147. package/combobox/register.d.ts +0 -1
  148. package/combobox/register.js +0 -4
  149. package/command/register.d.ts +0 -1
  150. package/command/register.js +0 -22
  151. package/data-table/register.d.ts +0 -1
  152. package/data-table/register.js +0 -4
  153. package/dialog/register.d.ts +0 -1
  154. package/dialog/register.js +0 -16
  155. package/dropzone/register.d.ts +0 -1
  156. package/dropzone/register.js +0 -4
  157. package/hstack/register.d.ts +0 -1
  158. package/hstack/register.js +0 -4
  159. package/icon/register.d.ts +0 -1
  160. package/icon/register.js +0 -4
  161. package/input/register.d.ts +0 -1
  162. package/input/register.js +0 -4
  163. package/link/register.d.ts +0 -1
  164. package/link/register.js +0 -4
  165. package/menu/register.d.ts +0 -1
  166. package/menu/register.js +0 -8
  167. package/menubar/register.d.ts +0 -1
  168. package/menubar/register.js +0 -4
  169. package/number-field/register.d.ts +0 -1
  170. package/number-field/register.js +0 -4
  171. package/page-inset/register.d.ts +0 -1
  172. package/page-inset/register.js +0 -4
  173. package/popover/register.d.ts +0 -1
  174. package/popover/register.js +0 -16
  175. package/portal/register.d.ts +0 -1
  176. package/portal/register.js +0 -4
  177. package/preview-card/register.d.ts +0 -1
  178. package/preview-card/register.js +0 -12
  179. package/progress/register.d.ts +0 -1
  180. package/progress/register.js +0 -4
  181. package/radio/register.d.ts +0 -1
  182. package/radio/register.js +0 -8
  183. package/scroll-area/register.d.ts +0 -1
  184. package/scroll-area/register.js +0 -4
  185. package/select/register.d.ts +0 -1
  186. package/select/register.js +0 -4
  187. package/separator/register.d.ts +0 -1
  188. package/separator/register.js +0 -4
  189. package/sidebar/register.d.ts +0 -1
  190. package/sidebar/register.js +0 -52
  191. package/slider/register.d.ts +0 -1
  192. package/slider/register.js +0 -4
  193. package/spinner/register.d.ts +0 -1
  194. package/spinner/register.js +0 -4
  195. package/switch/register.d.ts +0 -1
  196. package/switch/register.js +0 -4
  197. package/tabs/register.d.ts +0 -1
  198. package/tabs/register.js +0 -10
  199. package/textarea/register.d.ts +0 -1
  200. package/textarea/register.js +0 -4
  201. package/toggle/register.d.ts +0 -1
  202. package/toggle/register.js +0 -8
  203. package/toolbar/register.d.ts +0 -1
  204. package/toolbar/register.js +0 -4
  205. package/tooltip/register.d.ts +0 -1
  206. package/tooltip/register.js +0 -12
  207. package/trunc/register.d.ts +0 -1
  208. package/trunc/register.js +0 -4
  209. package/vstack/register.d.ts +0 -1
  210. package/vstack/register.js +0 -4
@@ -87,26 +87,19 @@ const componentStyles = css `
87
87
  flex-shrink: 0;
88
88
  }
89
89
  `;
90
- /** Styles injected into the portal positioner. */
90
+ /** Structural styles injected into the portal positioner. */
91
91
  const portalPopupStyles = [
92
92
  css `
93
93
  .Popup {
94
- background: var(--popover);
95
- border: var(--border-width-thin) solid var(--border);
96
- border-radius: var(--radius-md);
97
- box-shadow: var(--shadow-md);
98
94
  opacity: 1;
99
- transition-property: opacity, transform;
100
- transition-duration: var(--duration-fast);
101
- transition-timing-function: var(--ease-out-3);
102
95
  transform: translateY(0);
96
+ transition-property: opacity, transform;
103
97
  pointer-events: auto;
104
98
  }
105
99
 
106
100
  .Popup[data-starting-style],
107
101
  .Popup[data-ending-style] {
108
102
  opacity: 0;
109
- transform: translateY(calc(var(--space-1) * -1));
110
103
  }
111
104
 
112
105
  dui-scroll-area {
@@ -114,32 +107,13 @@ const portalPopupStyles = [
114
107
  height: auto;
115
108
  }
116
109
 
117
- .List {
118
- padding: var(--space-1);
119
- }
120
-
121
- /* ---- Items ---- */
122
-
123
110
  .Item {
124
111
  display: flex;
125
112
  align-items: center;
126
- gap: var(--space-2);
127
- padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
128
- border-radius: var(--radius-sm);
129
- font-size: var(--font-size-sm);
130
- font-family: var(--font-sans);
131
- color: var(--popover-foreground);
132
113
  cursor: pointer;
133
114
  }
134
115
 
135
- .Item:hover,
136
- .Item[data-highlighted] {
137
- background: var(--secondary);
138
- color: var(--foreground);
139
- }
140
-
141
116
  .ItemIndicator {
142
- --icon-size: var(--space-3_5);
143
117
  flex-shrink: 0;
144
118
  display: flex;
145
119
  align-items: center;
@@ -152,15 +126,6 @@ const portalPopupStyles = [
152
126
  text-overflow: ellipsis;
153
127
  white-space: nowrap;
154
128
  }
155
-
156
- /* ---- Empty ---- */
157
-
158
- .Empty {
159
- padding: var(--space-3) var(--space-3);
160
- font-size: var(--font-size-sm);
161
- color: var(--muted-foreground);
162
- text-align: center;
163
- }
164
129
  `,
165
130
  ];
166
131
  /**
@@ -1,2 +1,4 @@
1
- export { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
1
+ import { DuiCombobox, valueChangeEvent, valuesChangeEvent } from "./combobox.js";
2
+ export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
3
+ export declare const comboboxFamily: (typeof DuiCombobox)[];
2
4
  export type { SelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox.js";
package/combobox/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
1
+ import { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
2
+ export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
3
+ export const comboboxFamily = [DuiCombobox];
@@ -1,10 +1,19 @@
1
- export { DuiCommand } from "./command.js";
2
- export { DuiCommandInput } from "./command-input.js";
3
- export { DuiCommandList } from "./command-list.js";
4
- export { DuiCommandGroup } from "./command-group.js";
5
- export { DuiCommandItem } from "./command-item.js";
6
- export { DuiCommandEmpty } from "./command-empty.js";
7
- export { DuiCommandSeparator } from "./command-separator.js";
8
- export { DuiCommandShortcut } from "./command-shortcut.js";
1
+ import { DuiCommand } from "./command.js";
2
+ export { DuiCommand };
3
+ import { DuiCommandInput } from "./command-input.js";
4
+ export { DuiCommandInput };
5
+ import { DuiCommandList } from "./command-list.js";
6
+ export { DuiCommandList };
7
+ import { DuiCommandGroup } from "./command-group.js";
8
+ export { DuiCommandGroup };
9
+ import { DuiCommandItem } from "./command-item.js";
10
+ export { DuiCommandItem };
11
+ import { DuiCommandEmpty } from "./command-empty.js";
12
+ export { DuiCommandEmpty };
13
+ import { DuiCommandSeparator } from "./command-separator.js";
14
+ export { DuiCommandSeparator };
15
+ import { DuiCommandShortcut } from "./command-shortcut.js";
16
+ export { DuiCommandShortcut };
9
17
  export type { CommandContext, CommandItemEntry } from "./command-context.js";
10
18
  export { commandScore } from "./command-score.js";
19
+ export declare const commandFamily: (typeof DuiCommand | typeof DuiCommandInput | typeof DuiCommandList | typeof DuiCommandGroup | typeof DuiCommandItem | typeof DuiCommandEmpty | typeof DuiCommandSeparator | typeof DuiCommandShortcut)[];
package/command/index.js CHANGED
@@ -1,9 +1,18 @@
1
- export { DuiCommand } from "./command.js";
2
- export { DuiCommandInput } from "./command-input.js";
3
- export { DuiCommandList } from "./command-list.js";
4
- export { DuiCommandGroup } from "./command-group.js";
5
- export { DuiCommandItem } from "./command-item.js";
6
- export { DuiCommandEmpty } from "./command-empty.js";
7
- export { DuiCommandSeparator } from "./command-separator.js";
8
- export { DuiCommandShortcut } from "./command-shortcut.js";
1
+ import { DuiCommand } from "./command.js";
2
+ export { DuiCommand };
3
+ import { DuiCommandInput } from "./command-input.js";
4
+ export { DuiCommandInput };
5
+ import { DuiCommandList } from "./command-list.js";
6
+ export { DuiCommandList };
7
+ import { DuiCommandGroup } from "./command-group.js";
8
+ export { DuiCommandGroup };
9
+ import { DuiCommandItem } from "./command-item.js";
10
+ export { DuiCommandItem };
11
+ import { DuiCommandEmpty } from "./command-empty.js";
12
+ export { DuiCommandEmpty };
13
+ import { DuiCommandSeparator } from "./command-separator.js";
14
+ export { DuiCommandSeparator };
15
+ import { DuiCommandShortcut } from "./command-shortcut.js";
16
+ export { DuiCommandShortcut };
9
17
  export { commandScore } from "./command-score.js";
18
+ export const commandFamily = [DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut];
@@ -135,10 +135,6 @@ const componentStyles = css `
135
135
  flex-shrink: 0;
136
136
  }
137
137
 
138
- tbody tr {
139
- transition-property: background, filter, transform;
140
- }
141
-
142
138
  .Pagination {
143
139
  display: flex;
144
140
  align-items: center;
@@ -1,2 +1,4 @@
1
- export { DuiDataTable } from "./data-table.js";
1
+ import { DuiDataTable } from "./data-table.js";
2
+ export { DuiDataTable };
2
3
  export type { ColumnDef, SortDirection, SortState, PageState } from "./data-table.js";
4
+ export declare const dataTableFamily: (typeof DuiDataTable)[];
@@ -1 +1,3 @@
1
- export { DuiDataTable } from "./data-table.js";
1
+ import { DuiDataTable } from "./data-table.js";
2
+ export { DuiDataTable };
3
+ export const dataTableFamily = [DuiDataTable];
package/dialog/index.d.ts CHANGED
@@ -1,6 +1,11 @@
1
- export { DuiDialog, openChangeEvent } from "./dialog.js";
1
+ import { DuiDialog, openChangeEvent } from "./dialog.js";
2
+ export { DuiDialog, openChangeEvent };
2
3
  export type { DialogOpenChangeDetail } from "./dialog.js";
3
- export { DuiDialogTrigger } from "./dialog-trigger.js";
4
- export { DuiDialogPopup } from "./dialog-popup.js";
5
- export { DuiDialogClose } from "./dialog-close.js";
4
+ import { DuiDialogTrigger } from "./dialog-trigger.js";
5
+ export { DuiDialogTrigger };
6
+ import { DuiDialogPopup } from "./dialog-popup.js";
7
+ export { DuiDialogPopup };
8
+ import { DuiDialogClose } from "./dialog-close.js";
9
+ export { DuiDialogClose };
6
10
  export type { DialogContext } from "./dialog-context.js";
11
+ export declare const dialogFamily: (typeof DuiDialog | typeof DuiDialogTrigger | typeof DuiDialogPopup | typeof DuiDialogClose)[];
package/dialog/index.js CHANGED
@@ -1,4 +1,9 @@
1
- export { DuiDialog, openChangeEvent } from "./dialog.js";
2
- export { DuiDialogTrigger } from "./dialog-trigger.js";
3
- export { DuiDialogPopup } from "./dialog-popup.js";
4
- export { DuiDialogClose } from "./dialog-close.js";
1
+ import { DuiDialog, openChangeEvent } from "./dialog.js";
2
+ export { DuiDialog, openChangeEvent };
3
+ import { DuiDialogTrigger } from "./dialog-trigger.js";
4
+ export { DuiDialogTrigger };
5
+ import { DuiDialogPopup } from "./dialog-popup.js";
6
+ export { DuiDialogPopup };
7
+ import { DuiDialogClose } from "./dialog-close.js";
8
+ export { DuiDialogClose };
9
+ export const dialogFamily = [DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose];
@@ -47,7 +47,6 @@ const styles = css `
47
47
  [part="root"] {
48
48
  text-align: center;
49
49
  cursor: pointer;
50
- transition-property: border-color, background, color, box-shadow, filter, transform;
51
50
  }
52
51
 
53
52
  input[type="file"] {
@@ -1,2 +1,4 @@
1
- export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
1
+ import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
2
+ export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
2
3
  export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone.js";
4
+ export declare const dropzoneFamily: (typeof DuiDropzone)[];
package/dropzone/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
1
+ import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
2
+ export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
3
+ export const dropzoneFamily = [DuiDropzone];
package/hstack/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- export { DuiHstack } from "./hstack.js";
1
+ import { DuiHstack } from "./hstack.js";
2
+ export { DuiHstack };
2
3
  export type { HstackAlignment, HstackJustify } from "./hstack.js";
4
+ export declare const hstackFamily: (typeof DuiHstack)[];
package/hstack/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiHstack } from "./hstack.js";
1
+ import { DuiHstack } from "./hstack.js";
2
+ export { DuiHstack };
3
+ export const hstackFamily = [DuiHstack];
package/icon/index.d.ts CHANGED
@@ -1 +1,3 @@
1
- export { DuiIcon } from "./icon.js";
1
+ import { DuiIcon } from "./icon.js";
2
+ export { DuiIcon };
3
+ export declare const iconFamily: (typeof DuiIcon)[];
package/icon/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiIcon } from "./icon.js";
1
+ import { DuiIcon } from "./icon.js";
2
+ export { DuiIcon };
3
+ export const iconFamily = [DuiIcon];
package/input/index.d.ts CHANGED
@@ -1 +1,3 @@
1
- export { DuiInput, inputChangeEvent } from "./input.js";
1
+ import { DuiInput, inputChangeEvent } from "./input.js";
2
+ export { DuiInput, inputChangeEvent };
3
+ export declare const inputFamily: (typeof DuiInput)[];
package/input/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiInput, inputChangeEvent } from "./input.js";
1
+ import { DuiInput, inputChangeEvent } from "./input.js";
2
+ export { DuiInput, inputChangeEvent };
3
+ export const inputFamily = [DuiInput];
package/input/input.js CHANGED
@@ -25,7 +25,6 @@ const styles = css `
25
25
  box-sizing: border-box;
26
26
  width: 100%;
27
27
  outline: none;
28
- transition-property: border-color, box-shadow, background, filter, transform;
29
28
  }
30
29
 
31
30
  [part="input"]:disabled {
package/link/index.d.ts CHANGED
@@ -1 +1,3 @@
1
- export { DuiLink, spaNavigateEvent } from "./link.js";
1
+ import { DuiLink, spaNavigateEvent } from "./link.js";
2
+ export { DuiLink, spaNavigateEvent };
3
+ export declare const linkFamily: (typeof DuiLink)[];
package/link/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiLink, spaNavigateEvent } from "./link.js";
1
+ import { DuiLink, spaNavigateEvent } from "./link.js";
2
+ export { DuiLink, spaNavigateEvent };
3
+ export const linkFamily = [DuiLink];
package/menu/index.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- export { DuiMenu } from "./menu.js";
2
- export { DuiMenuItem } from "./menu-item.js";
1
+ import { DuiMenu } from "./menu.js";
2
+ export { DuiMenu };
3
+ import { DuiMenuItem } from "./menu-item.js";
4
+ export { DuiMenuItem };
5
+ export declare const menuFamily: (typeof DuiMenuItem | typeof DuiMenu)[];
package/menu/index.js CHANGED
@@ -1,2 +1,5 @@
1
- export { DuiMenu } from "./menu.js";
2
- export { DuiMenuItem } from "./menu-item.js";
1
+ import { DuiMenu } from "./menu.js";
2
+ export { DuiMenu };
3
+ import { DuiMenuItem } from "./menu-item.js";
4
+ export { DuiMenuItem };
5
+ export const menuFamily = [DuiMenu, DuiMenuItem];
@@ -8,8 +8,6 @@ import { LitElement, type TemplateResult } from "lit";
8
8
  export declare class DuiMenuItem extends LitElement {
9
9
  static tagName: "dui-menu-item";
10
10
  static styles: import("lit").CSSResult[];
11
- /** Visual variant. */
12
- accessor variant: "default" | "danger";
13
11
  /** Whether the item is disabled. */
14
12
  accessor disabled: boolean;
15
13
  connectedCallback(): void;
package/menu/menu-item.js CHANGED
@@ -21,7 +21,6 @@ const componentStyles = css `
21
21
  .Item {
22
22
  display: flex;
23
23
  align-items: center;
24
- gap: var(--space-2);
25
24
  cursor: pointer;
26
25
  }
27
26
  `;
@@ -33,10 +32,6 @@ const componentStyles = css `
33
32
  export class DuiMenuItem extends LitElement {
34
33
  static { this.tagName = "dui-menu-item"; }
35
34
  static { this.styles = [base, hostStyles, componentStyles]; }
36
- #variant_accessor_storage = "default";
37
- /** Visual variant. */
38
- get variant() { return this.#variant_accessor_storage; }
39
- set variant(value) { this.#variant_accessor_storage = value; }
40
35
  #disabled_accessor_storage = false;
41
36
  /** Whether the item is disabled. */
42
37
  get disabled() { return this.#disabled_accessor_storage; }
@@ -54,9 +49,6 @@ export class DuiMenuItem extends LitElement {
54
49
  `;
55
50
  }
56
51
  }
57
- __decorate([
58
- property({ type: String, reflect: true })
59
- ], DuiMenuItem.prototype, "variant", null);
60
52
  __decorate([
61
53
  property({ type: Boolean, reflect: true })
62
54
  ], DuiMenuItem.prototype, "disabled", null);
package/menu/menu.js CHANGED
@@ -14,33 +14,22 @@ const componentStyles = css `
14
14
  cursor: pointer;
15
15
  }
16
16
  `;
17
- /** Styles injected into the portal positioner. */
17
+ /** Structural styles injected into the portal positioner. */
18
18
  const portalPopupStyles = [
19
19
  css `
20
20
  .Popup {
21
- background: var(--popover);
22
- border: var(--border-width-thin) solid var(--border);
23
- border-radius: var(--radius-md);
24
- box-shadow: var(--shadow-md);
25
21
  max-height: 240px;
26
22
  overflow-y: auto;
27
23
  overscroll-behavior: contain;
28
24
  opacity: 1;
29
25
  transform: translateY(0);
30
26
  transition-property: opacity, transform;
31
- transition-duration: var(--duration-fast);
32
- transition-timing-function: var(--ease-out-3);
33
27
  pointer-events: auto;
34
28
  }
35
29
 
36
30
  .Popup[data-starting-style],
37
31
  .Popup[data-ending-style] {
38
32
  opacity: 0;
39
- transform: translateY(calc(var(--space-1) * -1));
40
- }
41
-
42
- .Menu {
43
- padding: var(--space-1);
44
33
  }
45
34
  `,
46
35
  ];
@@ -1,2 +1,4 @@
1
- export { DuiMenubar } from "./menubar.js";
1
+ import { DuiMenubar } from "./menubar.js";
2
+ export { DuiMenubar };
2
3
  export type { MenubarContext } from "./menubar-context.js";
4
+ export declare const menubarFamily: (typeof DuiMenubar)[];
package/menubar/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiMenubar } from "./menubar.js";
1
+ import { DuiMenubar } from "./menubar.js";
2
+ export { DuiMenubar };
3
+ export const menubarFamily = [DuiMenubar];
@@ -1 +1,3 @@
1
- export { DuiNumberField, valueChangeEvent } from "./number-field.js";
1
+ import { DuiNumberField, valueChangeEvent } from "./number-field.js";
2
+ export { DuiNumberField, valueChangeEvent };
3
+ export declare const numberFieldFamily: (typeof DuiNumberField)[];
@@ -1 +1,3 @@
1
- export { DuiNumberField, valueChangeEvent } from "./number-field.js";
1
+ import { DuiNumberField, valueChangeEvent } from "./number-field.js";
2
+ export { DuiNumberField, valueChangeEvent };
3
+ export const numberFieldFamily = [DuiNumberField];
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@deepfuture/dui-components",
3
- "version": "0.0.1",
3
+ "version": "0.0.4",
4
4
  "description": "DUI unstyled web components — structural CSS only, themed via applyTheme()",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "repository": {
8
8
  "type": "git",
9
- "url": "https://github.com/nicholasgasior/dui.git",
9
+ "url": "https://github.com/deepfuturenow/dui.git",
10
10
  "directory": "packages/components"
11
11
  },
12
12
  "exports": {
@@ -190,10 +190,11 @@
190
190
  "files": [
191
191
  "**/*.js",
192
192
  "**/*.d.ts",
193
- "**/*.css"
193
+ "**/*.css",
194
+ "README.md"
194
195
  ],
195
196
  "dependencies": {
196
- "@deepfuture/dui-core": "0.0.1",
197
+ "@deepfuture/dui-core": "0.0.4",
197
198
  "lit": "^3.3.2",
198
199
  "@lit/context": "^1.1.3"
199
200
  },
@@ -1 +1,3 @@
1
- export { DuiPageInset } from "./page-inset.js";
1
+ import { DuiPageInset } from "./page-inset.js";
2
+ export { DuiPageInset };
3
+ export declare const pageInsetFamily: (typeof DuiPageInset)[];
@@ -1 +1,3 @@
1
- export { DuiPageInset } from "./page-inset.js";
1
+ import { DuiPageInset } from "./page-inset.js";
2
+ export { DuiPageInset };
3
+ export const pageInsetFamily = [DuiPageInset];
@@ -1,6 +1,11 @@
1
- export { DuiPopover, openChangeEvent } from "./popover.js";
1
+ import { DuiPopover, openChangeEvent } from "./popover.js";
2
+ export { DuiPopover, openChangeEvent };
2
3
  export type { PopoverOpenChangeDetail } from "./popover.js";
3
- export { DuiPopoverTrigger } from "./popover-trigger.js";
4
- export { DuiPopoverPopup } from "./popover-popup.js";
5
- export { DuiPopoverClose } from "./popover-close.js";
4
+ import { DuiPopoverTrigger } from "./popover-trigger.js";
5
+ export { DuiPopoverTrigger };
6
+ import { DuiPopoverPopup } from "./popover-popup.js";
7
+ export { DuiPopoverPopup };
8
+ import { DuiPopoverClose } from "./popover-close.js";
9
+ export { DuiPopoverClose };
6
10
  export type { PopoverContext, PopoverSide } from "./popover-context.js";
11
+ export declare const popoverFamily: (typeof DuiPopover | typeof DuiPopoverTrigger | typeof DuiPopoverPopup | typeof DuiPopoverClose)[];
package/popover/index.js CHANGED
@@ -1,4 +1,9 @@
1
- export { DuiPopover, openChangeEvent } from "./popover.js";
2
- export { DuiPopoverTrigger } from "./popover-trigger.js";
3
- export { DuiPopoverPopup } from "./popover-popup.js";
4
- export { DuiPopoverClose } from "./popover-close.js";
1
+ import { DuiPopover, openChangeEvent } from "./popover.js";
2
+ export { DuiPopover, openChangeEvent };
3
+ import { DuiPopoverTrigger } from "./popover-trigger.js";
4
+ export { DuiPopoverTrigger };
5
+ import { DuiPopoverPopup } from "./popover-popup.js";
6
+ export { DuiPopoverPopup };
7
+ import { DuiPopoverClose } from "./popover-close.js";
8
+ export { DuiPopoverClose };
9
+ export const popoverFamily = [DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose];
@@ -17,27 +17,16 @@ const hostStyles = css `
17
17
  display: none;
18
18
  }
19
19
  `;
20
- /** Styles injected into the portal positioner. */
20
+ /** Structural styles injected into the portal positioner. */
21
21
  const portalPopupStyles = [
22
22
  css `
23
23
  .Popup {
24
24
  box-sizing: border-box;
25
- padding: var(--space-1);
26
- border-radius: var(--radius-md);
27
- background: var(--popover);
28
- color: var(--popover-foreground);
29
- font-family: var(--font-sans);
30
- font-size: var(--font-size-sm);
31
- line-height: var(--line-height-normal);
32
- box-shadow: var(--shadow-md);
33
- border: var(--border-width-thin) solid var(--border);
34
25
  pointer-events: auto;
35
26
  transform-origin: var(--transform-origin, center);
36
27
  opacity: 1;
37
28
  transform: scale(1);
38
29
  transition-property: opacity, transform;
39
- transition-duration: var(--duration-fast);
40
- transition-timing-function: var(--ease-out-3);
41
30
  }
42
31
 
43
32
  .Popup[data-starting-style],
@@ -71,16 +60,6 @@ const portalPopupStyles = [
71
60
  left: 50%;
72
61
  transform: translateX(-50%) rotate(180deg);
73
62
  }
74
-
75
- .Arrow .arrow-fill {
76
- fill: var(--popover);
77
- }
78
-
79
- .Arrow .arrow-stroke {
80
- fill: none;
81
- stroke: var(--border);
82
- stroke-width: 1px;
83
- }
84
63
  `,
85
64
  ];
86
65
  /**
package/portal/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
- export { DuiPortal } from "./portal.js";
1
+ import { DuiPortal } from "./portal.js";
2
+ export { DuiPortal };
2
3
  export type { QueryRoot } from "./portal.js";
4
+ export declare const portalFamily: (typeof DuiPortal)[];
package/portal/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiPortal } from "./portal.js";
1
+ import { DuiPortal } from "./portal.js";
2
+ export { DuiPortal };
3
+ export const portalFamily = [DuiPortal];
@@ -1,5 +1,9 @@
1
- export { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
1
+ import { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
2
+ export { DuiPreviewCard, openChangeEvent };
2
3
  export type { PreviewCardOpenChangeDetail } from "./preview-card.js";
3
- export { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
4
- export { DuiPreviewCardPopup } from "./preview-card-popup.js";
4
+ import { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
5
+ export { DuiPreviewCardTrigger };
6
+ import { DuiPreviewCardPopup } from "./preview-card-popup.js";
7
+ export { DuiPreviewCardPopup };
5
8
  export type { PreviewCardContext, PreviewCardSide } from "./preview-card-context.js";
9
+ export declare const previewCardFamily: (typeof DuiPreviewCard | typeof DuiPreviewCardTrigger | typeof DuiPreviewCardPopup)[];
@@ -1,3 +1,7 @@
1
- export { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
2
- export { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
3
- export { DuiPreviewCardPopup } from "./preview-card-popup.js";
1
+ import { DuiPreviewCard, openChangeEvent } from "./preview-card.js";
2
+ export { DuiPreviewCard, openChangeEvent };
3
+ import { DuiPreviewCardTrigger } from "./preview-card-trigger.js";
4
+ export { DuiPreviewCardTrigger };
5
+ import { DuiPreviewCardPopup } from "./preview-card-popup.js";
6
+ export { DuiPreviewCardPopup };
7
+ export const previewCardFamily = [DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup];
@@ -17,28 +17,16 @@ const hostStyles = css `
17
17
  display: none;
18
18
  }
19
19
  `;
20
- /** Styles injected into the portal positioner. */
20
+ /** Structural styles injected into the portal positioner. */
21
21
  const portalPopupStyles = [
22
22
  css `
23
23
  .Popup {
24
24
  box-sizing: border-box;
25
- padding: var(--space-4);
26
- border-radius: var(--radius-md);
27
- background: var(--popover);
28
- color: var(--popover-foreground);
29
- font-family: var(--font-sans);
30
- font-size: var(--font-size-sm);
31
- line-height: var(--line-height-normal);
32
- box-shadow: var(--shadow-lg);
33
- border: var(--border-width-thin) solid var(--border);
34
- max-width: var(--max-width, var(--space-80));
35
25
  pointer-events: auto;
36
26
  transform-origin: var(--transform-origin, center);
37
27
  opacity: 1;
38
28
  transform: scale(1);
39
29
  transition-property: opacity, transform;
40
- transition-duration: var(--duration-fast);
41
- transition-timing-function: var(--ease-out-3);
42
30
  }
43
31
 
44
32
  .Popup[data-starting-style],
@@ -72,16 +60,6 @@ const portalPopupStyles = [
72
60
  left: 50%;
73
61
  transform: translateX(-50%) rotate(180deg);
74
62
  }
75
-
76
- .Arrow .arrow-fill {
77
- fill: var(--popover);
78
- }
79
-
80
- .Arrow .arrow-stroke {
81
- fill: none;
82
- stroke: var(--border);
83
- stroke-width: 1px;
84
- }
85
63
  `,
86
64
  ];
87
65
  /**
@@ -1 +1,3 @@
1
- export { DuiProgress } from "./progress.js";
1
+ import { DuiProgress } from "./progress.js";
2
+ export { DuiProgress };
3
+ export declare const progressFamily: (typeof DuiProgress)[];
package/progress/index.js CHANGED
@@ -1 +1,3 @@
1
- export { DuiProgress } from "./progress.js";
1
+ import { DuiProgress } from "./progress.js";
2
+ export { DuiProgress };
3
+ export const progressFamily = [DuiProgress];
package/radio/index.d.ts CHANGED
@@ -1,3 +1,6 @@
1
- export { DuiRadio } from "./radio.js";
2
- export { DuiRadioGroup, valueChangeEvent } from "./radio-group.js";
1
+ import { DuiRadio } from "./radio.js";
2
+ export { DuiRadio };
3
+ import { DuiRadioGroup, valueChangeEvent } from "./radio-group.js";
4
+ export { DuiRadioGroup, valueChangeEvent };
3
5
  export type { RadioGroupContext } from "./radio-group-context.js";
6
+ export declare const radioFamily: (typeof DuiRadio | typeof DuiRadioGroup)[];