@deepfuture/dui-components 0.0.21 → 1.0.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 (333) hide show
  1. package/README.md +56 -65
  2. package/_install.js +11 -0
  3. package/accordion/accordion-item.d.ts +3 -20
  4. package/accordion/accordion-item.js +92 -292
  5. package/accordion/accordion.d.ts +3 -18
  6. package/accordion/accordion.js +9 -247
  7. package/accordion/index.d.ts +6 -6
  8. package/accordion/index.js +5 -5
  9. package/alert-dialog/alert-dialog-close.d.ts +3 -14
  10. package/alert-dialog/alert-dialog-close.js +4 -34
  11. package/alert-dialog/alert-dialog-popup.d.ts +3 -32
  12. package/alert-dialog/alert-dialog-popup.js +68 -317
  13. package/alert-dialog/alert-dialog-trigger.d.ts +3 -14
  14. package/alert-dialog/alert-dialog-trigger.js +4 -51
  15. package/alert-dialog/alert-dialog.d.ts +3 -30
  16. package/alert-dialog/alert-dialog.js +8 -158
  17. package/alert-dialog/index.d.ts +11 -11
  18. package/alert-dialog/index.js +9 -9
  19. package/all.d.ts +159 -123
  20. package/all.js +134 -231
  21. package/avatar/avatar.d.ts +3 -39
  22. package/avatar/avatar.js +18 -238
  23. package/avatar/index.d.ts +4 -4
  24. package/avatar/index.js +3 -3
  25. package/badge/badge.d.ts +3 -10
  26. package/badge/badge.js +87 -22
  27. package/badge/index.d.ts +2 -3
  28. package/badge/index.js +2 -3
  29. package/breadcrumb/breadcrumb-ellipsis.d.ts +3 -12
  30. package/breadcrumb/breadcrumb-ellipsis.js +8 -34
  31. package/breadcrumb/breadcrumb-item.d.ts +3 -11
  32. package/breadcrumb/breadcrumb-item.js +7 -26
  33. package/breadcrumb/breadcrumb-link.d.ts +3 -12
  34. package/breadcrumb/breadcrumb-link.js +16 -26
  35. package/breadcrumb/breadcrumb-page.d.ts +3 -11
  36. package/breadcrumb/breadcrumb-page.js +8 -31
  37. package/breadcrumb/breadcrumb-separator.d.ts +3 -12
  38. package/breadcrumb/breadcrumb-separator.js +8 -31
  39. package/breadcrumb/breadcrumb.d.ts +3 -12
  40. package/breadcrumb/breadcrumb.js +10 -33
  41. package/breadcrumb/index.d.ts +12 -13
  42. package/breadcrumb/index.js +12 -13
  43. package/button/button.d.ts +3 -32
  44. package/button/button.js +220 -165
  45. package/button/index.d.ts +3 -3
  46. package/button/index.js +3 -3
  47. package/calendar/calendar.d.ts +3 -31
  48. package/calendar/calendar.js +71 -481
  49. package/calendar/index.d.ts +3 -3
  50. package/calendar/index.js +3 -3
  51. package/card/card.d.ts +3 -27
  52. package/card/card.js +80 -163
  53. package/card/index.d.ts +2 -3
  54. package/card/index.js +2 -3
  55. package/card-grid/card-grid.d.ts +3 -15
  56. package/card-grid/card-grid.js +8 -106
  57. package/card-grid/index.d.ts +2 -3
  58. package/card-grid/index.js +2 -3
  59. package/checkbox/checkbox-group.d.ts +3 -34
  60. package/checkbox/checkbox-group.js +11 -188
  61. package/checkbox/checkbox.d.ts +3 -47
  62. package/checkbox/checkbox.js +43 -341
  63. package/checkbox/index.d.ts +6 -6
  64. package/checkbox/index.js +5 -5
  65. package/collapsible/collapsible.d.ts +3 -20
  66. package/collapsible/collapsible.js +82 -277
  67. package/collapsible/index.d.ts +3 -3
  68. package/collapsible/index.js +3 -3
  69. package/combobox/combobox.d.ts +3 -47
  70. package/combobox/combobox.js +136 -538
  71. package/combobox/index.d.ts +4 -4
  72. package/combobox/index.js +3 -3
  73. package/command/command-empty.d.ts +3 -8
  74. package/command/command-empty.js +10 -88
  75. package/command/command-group.d.ts +3 -13
  76. package/command/command-group.js +14 -114
  77. package/command/command-input.d.ts +3 -11
  78. package/command/command-input.js +20 -136
  79. package/command/command-item.d.ts +3 -18
  80. package/command/command-item.js +23 -212
  81. package/command/command-list.d.ts +3 -7
  82. package/command/command-list.js +11 -79
  83. package/command/command-separator.d.ts +3 -5
  84. package/command/command-separator.js +10 -11
  85. package/command/command-shortcut.d.ts +3 -5
  86. package/command/command-shortcut.js +9 -12
  87. package/command/command.d.ts +3 -23
  88. package/command/command.js +10 -339
  89. package/command/index.d.ts +17 -19
  90. package/command/index.js +16 -18
  91. package/data-table/data-table.d.ts +3 -57
  92. package/data-table/data-table.js +85 -449
  93. package/data-table/index.d.ts +3 -4
  94. package/data-table/index.js +2 -3
  95. package/dialog/dialog-close.d.ts +3 -14
  96. package/dialog/dialog-close.js +4 -34
  97. package/dialog/dialog-popup.d.ts +3 -34
  98. package/dialog/dialog-popup.js +70 -336
  99. package/dialog/dialog-trigger.d.ts +3 -14
  100. package/dialog/dialog-trigger.js +4 -51
  101. package/dialog/dialog.d.ts +3 -30
  102. package/dialog/dialog.js +8 -158
  103. package/dialog/index.d.ts +11 -11
  104. package/dialog/index.js +9 -9
  105. package/dropzone/dropzone.d.ts +3 -72
  106. package/dropzone/dropzone.js +29 -407
  107. package/dropzone/index.d.ts +4 -4
  108. package/dropzone/index.js +3 -3
  109. package/field/field.d.ts +3 -30
  110. package/field/field.js +34 -353
  111. package/field/index.d.ts +1 -0
  112. package/field/index.js +1 -0
  113. package/fieldset/fieldset.d.ts +3 -18
  114. package/fieldset/fieldset.js +21 -110
  115. package/fieldset/index.d.ts +1 -0
  116. package/fieldset/index.js +1 -0
  117. package/icon/icon.d.ts +3 -15
  118. package/icon/icon.js +4 -33
  119. package/icon/index.d.ts +2 -3
  120. package/icon/index.js +2 -3
  121. package/input/index.d.ts +3 -3
  122. package/input/index.js +3 -3
  123. package/input/input.d.ts +3 -49
  124. package/input/input.js +57 -238
  125. package/menu/index.d.ts +4 -5
  126. package/menu/index.js +4 -5
  127. package/menu/menu-item.d.ts +3 -13
  128. package/menu/menu-item.js +40 -91
  129. package/menu/menu.d.ts +3 -15
  130. package/menu/menu.js +27 -277
  131. package/menubar/index.d.ts +3 -4
  132. package/menubar/index.js +2 -3
  133. package/menubar/menubar.d.ts +3 -19
  134. package/menubar/menubar.js +12 -183
  135. package/number-field/index.d.ts +3 -3
  136. package/number-field/index.js +3 -3
  137. package/number-field/number-field.d.ts +3 -55
  138. package/number-field/number-field.js +205 -698
  139. package/package.json +125 -113
  140. package/popover/index.d.ts +11 -11
  141. package/popover/index.js +9 -9
  142. package/popover/popover-close.d.ts +3 -12
  143. package/popover/popover-close.js +4 -32
  144. package/popover/popover-popup.d.ts +3 -18
  145. package/popover/popover-popup.js +28 -205
  146. package/popover/popover-trigger.d.ts +3 -13
  147. package/popover/popover-trigger.js +4 -73
  148. package/popover/popover.d.ts +3 -29
  149. package/popover/popover.js +8 -207
  150. package/portal/index.d.ts +3 -4
  151. package/portal/index.js +2 -3
  152. package/portal/portal.d.ts +3 -27
  153. package/portal/portal.js +8 -157
  154. package/preview-card/index.d.ts +9 -9
  155. package/preview-card/index.js +7 -7
  156. package/preview-card/preview-card-popup.d.ts +3 -14
  157. package/preview-card/preview-card-popup.js +29 -194
  158. package/preview-card/preview-card-trigger.d.ts +3 -12
  159. package/preview-card/preview-card-trigger.js +4 -74
  160. package/preview-card/preview-card.d.ts +3 -33
  161. package/preview-card/preview-card.js +8 -239
  162. package/progress/index.d.ts +2 -3
  163. package/progress/index.js +2 -3
  164. package/progress/progress.d.ts +3 -17
  165. package/progress/progress.js +28 -130
  166. package/radio/index.d.ts +6 -6
  167. package/radio/index.js +5 -5
  168. package/radio/radio-group.d.ts +3 -37
  169. package/radio/radio-group.js +8 -200
  170. package/radio/radio.d.ts +3 -28
  171. package/radio/radio.js +38 -213
  172. package/scroll-area/index.d.ts +2 -3
  173. package/scroll-area/index.js +2 -3
  174. package/scroll-area/scroll-area.d.ts +3 -36
  175. package/scroll-area/scroll-area.js +25 -535
  176. package/select/index.d.ts +3 -4
  177. package/select/index.js +2 -3
  178. package/select/select.d.ts +3 -39
  179. package/select/select.js +115 -425
  180. package/separator/index.d.ts +2 -3
  181. package/separator/index.js +2 -3
  182. package/separator/separator.d.ts +3 -10
  183. package/separator/separator.js +23 -85
  184. package/sidebar/index.d.ts +29 -29
  185. package/sidebar/index.js +27 -32
  186. package/sidebar/sidebar-content.d.ts +3 -12
  187. package/sidebar/sidebar-content.js +7 -29
  188. package/sidebar/sidebar-footer.d.ts +3 -10
  189. package/sidebar/sidebar-footer.js +7 -20
  190. package/sidebar/sidebar-group-label.d.ts +3 -15
  191. package/sidebar/sidebar-group-label.js +16 -41
  192. package/sidebar/sidebar-group.d.ts +3 -13
  193. package/sidebar/sidebar-group.js +7 -24
  194. package/sidebar/sidebar-header.d.ts +3 -10
  195. package/sidebar/sidebar-header.js +7 -16
  196. package/sidebar/sidebar-inset.d.ts +3 -13
  197. package/sidebar/sidebar-inset.js +7 -28
  198. package/sidebar/sidebar-menu-button.d.ts +3 -26
  199. package/sidebar/sidebar-menu-button.js +59 -217
  200. package/sidebar/sidebar-menu-item.d.ts +3 -10
  201. package/sidebar/sidebar-menu-item.js +7 -19
  202. package/sidebar/sidebar-menu.d.ts +3 -12
  203. package/sidebar/sidebar-menu.js +7 -25
  204. package/sidebar/sidebar-provider.d.ts +3 -34
  205. package/sidebar/sidebar-provider.js +22 -232
  206. package/sidebar/sidebar-separator.d.ts +3 -10
  207. package/sidebar/sidebar-separator.js +9 -19
  208. package/sidebar/sidebar-trigger.d.ts +3 -14
  209. package/sidebar/sidebar-trigger.js +10 -46
  210. package/sidebar/sidebar.d.ts +3 -19
  211. package/sidebar/sidebar.js +65 -262
  212. package/slider/index.d.ts +3 -3
  213. package/slider/index.js +3 -3
  214. package/slider/slider.d.ts +3 -45
  215. package/slider/slider.js +97 -382
  216. package/spinner/index.d.ts +2 -3
  217. package/spinner/index.js +2 -3
  218. package/spinner/spinner.d.ts +3 -11
  219. package/spinner/spinner.js +20 -163
  220. package/split-button/index.d.ts +3 -1
  221. package/split-button/index.js +3 -1
  222. package/split-button/split-button.d.ts +3 -33
  223. package/split-button/split-button.js +306 -394
  224. package/stepper/index.d.ts +3 -3
  225. package/stepper/index.js +3 -3
  226. package/stepper/stepper.d.ts +3 -41
  227. package/stepper/stepper.js +57 -381
  228. package/switch/index.d.ts +3 -3
  229. package/switch/index.js +3 -3
  230. package/switch/switch.d.ts +3 -30
  231. package/switch/switch.js +63 -228
  232. package/tabs/index.d.ts +12 -12
  233. package/tabs/index.js +11 -11
  234. package/tabs/tab.d.ts +3 -14
  235. package/tabs/tab.js +32 -131
  236. package/tabs/tabs-indicator.d.ts +3 -9
  237. package/tabs/tabs-indicator.js +17 -22
  238. package/tabs/tabs-list.d.ts +3 -15
  239. package/tabs/tabs-list.js +14 -113
  240. package/tabs/tabs-panel.d.ts +3 -16
  241. package/tabs/tabs-panel.js +32 -114
  242. package/tabs/tabs.d.ts +3 -22
  243. package/tabs/tabs.js +8 -170
  244. package/textarea/index.d.ts +4 -4
  245. package/textarea/index.js +3 -3
  246. package/textarea/textarea.d.ts +3 -36
  247. package/textarea/textarea.js +63 -220
  248. package/toggle/index.d.ts +6 -6
  249. package/toggle/index.js +5 -5
  250. package/toggle/toggle-group.d.ts +3 -27
  251. package/toggle/toggle-group.js +9 -224
  252. package/toggle/toggle.d.ts +3 -26
  253. package/toggle/toggle.js +93 -178
  254. package/tokens/properties.css +361 -0
  255. package/tokens/prose.css +250 -0
  256. package/tokens/prose.d.ts +2 -0
  257. package/tokens/prose.js +4 -0
  258. package/tokens/tokens-raw.d.ts +2 -0
  259. package/tokens/tokens-raw.js +2 -0
  260. package/tokens/tokens.css +409 -0
  261. package/tokens/tokens.d.ts +2 -0
  262. package/tokens/tokens.js +5 -0
  263. package/toolbar/index.d.ts +2 -3
  264. package/toolbar/index.js +2 -3
  265. package/toolbar/toolbar.d.ts +3 -11
  266. package/toolbar/toolbar.js +25 -116
  267. package/tooltip/index.d.ts +9 -9
  268. package/tooltip/index.js +7 -7
  269. package/tooltip/tooltip-popup.d.ts +3 -14
  270. package/tooltip/tooltip-popup.js +31 -185
  271. package/tooltip/tooltip-trigger.d.ts +3 -14
  272. package/tooltip/tooltip-trigger.js +5 -148
  273. package/tooltip/tooltip.d.ts +3 -35
  274. package/tooltip/tooltip.js +8 -253
  275. package/trunc/index.d.ts +2 -3
  276. package/trunc/index.js +2 -3
  277. package/trunc/trunc.d.ts +3 -17
  278. package/trunc/trunc.js +10 -108
  279. package/_deprecated/center/center.d.ts +0 -14
  280. package/_deprecated/center/center.js +0 -37
  281. package/_deprecated/center/index.d.ts +0 -3
  282. package/_deprecated/center/index.js +0 -3
  283. package/_deprecated/center/register.js +0 -4
  284. package/_deprecated/hstack/hstack.d.ts +0 -25
  285. package/_deprecated/hstack/hstack.js +0 -187
  286. package/_deprecated/hstack/index.d.ts +0 -4
  287. package/_deprecated/hstack/index.js +0 -3
  288. package/_deprecated/hstack/register.d.ts +0 -1
  289. package/_deprecated/hstack/register.js +0 -4
  290. package/_deprecated/page-inset/index.d.ts +0 -3
  291. package/_deprecated/page-inset/index.js +0 -3
  292. package/_deprecated/page-inset/page-inset.d.ts +0 -28
  293. package/_deprecated/page-inset/page-inset.js +0 -151
  294. package/_deprecated/page-inset/register.d.ts +0 -1
  295. package/_deprecated/page-inset/register.js +0 -4
  296. package/_deprecated/vstack/index.d.ts +0 -3
  297. package/_deprecated/vstack/index.js +0 -3
  298. package/_deprecated/vstack/register.d.ts +0 -1
  299. package/_deprecated/vstack/register.js +0 -4
  300. package/_deprecated/vstack/vstack.d.ts +0 -17
  301. package/_deprecated/vstack/vstack.js +0 -125
  302. package/accordion/accordion-context.d.ts +0 -15
  303. package/accordion/accordion-context.js +0 -3
  304. package/alert-dialog/alert-dialog-context.d.ts +0 -13
  305. package/alert-dialog/alert-dialog-context.js +0 -3
  306. package/checkbox/checkbox-group-context.d.ts +0 -11
  307. package/checkbox/checkbox-group-context.js +0 -3
  308. package/command/command-context.d.ts +0 -30
  309. package/command/command-context.js +0 -3
  310. package/command/command-score.d.ts +0 -6
  311. package/command/command-score.js +0 -31
  312. package/dialog/dialog-context.d.ts +0 -13
  313. package/dialog/dialog-context.js +0 -3
  314. package/global.d.ts +0 -179
  315. package/menubar/menubar-context.d.ts +0 -9
  316. package/menubar/menubar-context.js +0 -2
  317. package/popover/popover-context.d.ts +0 -17
  318. package/popover/popover-context.js +0 -3
  319. package/preview-card/preview-card-context.d.ts +0 -16
  320. package/preview-card/preview-card-context.js +0 -3
  321. package/radio/radio-group-context.d.ts +0 -11
  322. package/radio/radio-group-context.js +0 -2
  323. package/sidebar/sidebar-context.d.ts +0 -15
  324. package/sidebar/sidebar-context.js +0 -3
  325. package/split-button/register.d.ts +0 -1
  326. package/split-button/register.js +0 -4
  327. package/tabs/tabs-context.d.ts +0 -8
  328. package/tabs/tabs-context.js +0 -2
  329. package/toggle/toggle-group-context.d.ts +0 -9
  330. package/toggle/toggle-group-context.js +0 -2
  331. package/tooltip/tooltip-context.d.ts +0 -17
  332. package/tooltip/tooltip-context.js +0 -3
  333. /package/{_deprecated/center/register.d.ts → _install.d.ts} +0 -0
@@ -1,187 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/hstack */
2
- var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
3
- function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
4
- var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
5
- var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
6
- var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
7
- var _, done = false;
8
- for (var i = decorators.length - 1; i >= 0; i--) {
9
- var context = {};
10
- for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
11
- for (var p in contextIn.access) context.access[p] = contextIn.access[p];
12
- context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
13
- var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
14
- if (kind === "accessor") {
15
- if (result === void 0) continue;
16
- if (result === null || typeof result !== "object") throw new TypeError("Object expected");
17
- if (_ = accept(result.get)) descriptor.get = _;
18
- if (_ = accept(result.set)) descriptor.set = _;
19
- if (_ = accept(result.init)) initializers.unshift(_);
20
- }
21
- else if (_ = accept(result)) {
22
- if (kind === "field") initializers.unshift(_);
23
- else descriptor[key] = _;
24
- }
25
- }
26
- if (target) Object.defineProperty(target, contextIn.name, descriptor);
27
- done = true;
28
- };
29
- var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
30
- var useValue = arguments.length > 2;
31
- for (var i = 0; i < initializers.length; i++) {
32
- value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
33
- }
34
- return useValue ? value : void 0;
35
- };
36
- import { css, html, LitElement } from "lit";
37
- import { property } from "lit/decorators.js";
38
- import { base } from "@deepfuture/dui-core/base";
39
- /** Structural styles only — layout CSS. */
40
- const styles = css `
41
- :host {
42
- --hstack-gap: var(--space-4);
43
- --hstack-align: center;
44
- --hstack-justify: stretch;
45
- display: block;
46
- width: 100%;
47
- }
48
-
49
- :host([gap="0"]) {
50
- --hstack-gap: var(--space-0);
51
- }
52
- :host([gap="1"]) {
53
- --hstack-gap: var(--space-1);
54
- }
55
- :host([gap="2"]) {
56
- --hstack-gap: var(--space-2);
57
- }
58
- :host([gap="3"]) {
59
- --hstack-gap: var(--space-3);
60
- }
61
- :host([gap="4"]) {
62
- --hstack-gap: var(--space-4);
63
- }
64
- :host([gap="5"]) {
65
- --hstack-gap: var(--space-5);
66
- }
67
- :host([gap="6"]) {
68
- --hstack-gap: var(--space-6);
69
- }
70
- :host([gap="8"]) {
71
- --hstack-gap: var(--space-8);
72
- }
73
- :host([gap="10"]) {
74
- --hstack-gap: var(--space-10);
75
- }
76
- :host([gap="12"]) {
77
- --hstack-gap: var(--space-12);
78
- }
79
- :host([gap="16"]) {
80
- --hstack-gap: var(--space-16);
81
- }
82
-
83
- :host([align="start"]) {
84
- --hstack-align: flex-start;
85
- }
86
- :host([align="center"]) {
87
- --hstack-align: center;
88
- }
89
- :host([align="end"]) {
90
- --hstack-align: flex-end;
91
- }
92
- :host([align="stretch"]) {
93
- --hstack-align: stretch;
94
- }
95
- :host([align="baseline"]) {
96
- --hstack-align: baseline;
97
- }
98
-
99
- :host([justify="start"]) {
100
- --hstack-justify: flex-start;
101
- }
102
- :host([justify="center"]) {
103
- --hstack-justify: center;
104
- }
105
- :host([justify="end"]) {
106
- --hstack-justify: flex-end;
107
- }
108
- :host([justify="between"]) {
109
- --hstack-justify: space-between;
110
- }
111
- :host([justify="around"]) {
112
- --hstack-justify: space-around;
113
- }
114
- :host([justify="evenly"]) {
115
- --hstack-justify: space-evenly;
116
- }
117
- :host([justify="stretch"]) {
118
- --hstack-justify: stretch;
119
- }
120
-
121
- [part="root"] {
122
- display: flex;
123
- flex-direction: row;
124
- gap: var(--hstack-gap);
125
- align-items: var(--hstack-align);
126
- justify-content: var(--hstack-justify);
127
- }
128
- `;
129
- /**
130
- * `<dui-hstack>` — A horizontal stack layout component.
131
- *
132
- * @slot - Stack content.
133
- * @csspart root - The stack container.
134
- * @cssprop --hstack-gap - Override gap between items.
135
- * @cssprop --hstack-align - Override align-items.
136
- * @cssprop --hstack-justify - Override justify-content.
137
- */
138
- let DuiHstack = (() => {
139
- let _classSuper = LitElement;
140
- let _gap_decorators;
141
- let _gap_initializers = [];
142
- let _gap_extraInitializers = [];
143
- let _align_decorators;
144
- let _align_initializers = [];
145
- let _align_extraInitializers = [];
146
- let _justify_decorators;
147
- let _justify_initializers = [];
148
- let _justify_extraInitializers = [];
149
- return class DuiHstack extends _classSuper {
150
- static {
151
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
152
- _gap_decorators = [property({ reflect: true })];
153
- _align_decorators = [property({ reflect: true })];
154
- _justify_decorators = [property({ reflect: true })];
155
- __esDecorate(this, null, _gap_decorators, { kind: "accessor", name: "gap", static: false, private: false, access: { has: obj => "gap" in obj, get: obj => obj.gap, set: (obj, value) => { obj.gap = value; } }, metadata: _metadata }, _gap_initializers, _gap_extraInitializers);
156
- __esDecorate(this, null, _align_decorators, { kind: "accessor", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
157
- __esDecorate(this, null, _justify_decorators, { kind: "accessor", name: "justify", static: false, private: false, access: { has: obj => "justify" in obj, get: obj => obj.justify, set: (obj, value) => { obj.justify = value; } }, metadata: _metadata }, _justify_initializers, _justify_extraInitializers);
158
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
159
- }
160
- static tagName = "dui-hstack";
161
- static styles = [base, styles];
162
- #gap_accessor_storage = __runInitializers(this, _gap_initializers, "4");
163
- /** Gap between stack items. Maps to space tokens. */
164
- get gap() { return this.#gap_accessor_storage; }
165
- set gap(value) { this.#gap_accessor_storage = value; }
166
- #align_accessor_storage = (__runInitializers(this, _gap_extraInitializers), __runInitializers(this, _align_initializers, "center"));
167
- /** Alignment of items on the cross axis. */
168
- get align() { return this.#align_accessor_storage; }
169
- set align(value) { this.#align_accessor_storage = value; }
170
- #justify_accessor_storage = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _justify_initializers, "stretch"));
171
- /** Justification of items on the main axis. */
172
- get justify() { return this.#justify_accessor_storage; }
173
- set justify(value) { this.#justify_accessor_storage = value; }
174
- render() {
175
- return html `
176
- <div part="root">
177
- <slot></slot>
178
- </div>
179
- `;
180
- }
181
- constructor() {
182
- super(...arguments);
183
- __runInitializers(this, _justify_extraInitializers);
184
- }
185
- };
186
- })();
187
- export { DuiHstack };
@@ -1,4 +0,0 @@
1
- import { DuiHstack } from "./hstack.js";
2
- export { DuiHstack };
3
- export type { HstackAlignment, HstackJustify } from "./hstack.js";
4
- export declare const hstackFamily: (typeof DuiHstack)[];
@@ -1,3 +0,0 @@
1
- import { DuiHstack } from "./hstack.js";
2
- export { DuiHstack };
3
- export const hstackFamily = [DuiHstack];
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { DuiHstack } from "./index.js";
2
- if (!customElements.get(DuiHstack.tagName)) {
3
- customElements.define(DuiHstack.tagName, DuiHstack);
4
- }
@@ -1,3 +0,0 @@
1
- import { DuiPageInset } from "./page-inset.js";
2
- export { DuiPageInset };
3
- export declare const pageInsetFamily: (typeof DuiPageInset)[];
@@ -1,3 +0,0 @@
1
- import { DuiPageInset } from "./page-inset.js";
2
- export { DuiPageInset };
3
- export const pageInsetFamily = [DuiPageInset];
@@ -1,28 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/page-inset */
2
- import { LitElement, type PropertyValues, type TemplateResult } from "lit";
3
- /**
4
- * `<dui-page-inset>` — Centers content with max-width constraints and configurable padding.
5
- *
6
- * @slot - Content to be centered within the inset area.
7
- * @csspart root - The outer container element.
8
- * @csspart inner - The inner content wrapper with max-width constraint.
9
- * @cssprop --page-inset-pad-x - Horizontal padding (default: var(--space-16)).
10
- * @cssprop --page-inset-pad-y - Vertical padding (default: var(--space-12)).
11
- * @cssprop --page-inset-max-width - Max width of inner content (default: 48rem).
12
- * @cssprop --page-inset-min-width - Min width of inner content (default: auto).
13
- */
14
- export declare class DuiPageInset extends LitElement {
15
- #private;
16
- static tagName: "dui-page-inset";
17
- static styles: import("lit").CSSResult[];
18
- /** Maximum width of the inner content area. Overrides --page-inset-max-width. */
19
- accessor maxWidth: string | undefined;
20
- /** Minimum width of the inner content area. Overrides --page-inset-min-width. */
21
- accessor minWidth: string | undefined;
22
- /** Horizontal padding. Overrides --page-inset-pad-x. */
23
- accessor padX: string | undefined;
24
- /** Vertical padding. Overrides --page-inset-pad-y. */
25
- accessor padY: string | undefined;
26
- protected willUpdate(changed: PropertyValues): void;
27
- render(): TemplateResult;
28
- }
@@ -1,151 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/page-inset */
2
- var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
3
- function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
4
- var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
5
- var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
6
- var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
7
- var _, done = false;
8
- for (var i = decorators.length - 1; i >= 0; i--) {
9
- var context = {};
10
- for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
11
- for (var p in contextIn.access) context.access[p] = contextIn.access[p];
12
- context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
13
- var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
14
- if (kind === "accessor") {
15
- if (result === void 0) continue;
16
- if (result === null || typeof result !== "object") throw new TypeError("Object expected");
17
- if (_ = accept(result.get)) descriptor.get = _;
18
- if (_ = accept(result.set)) descriptor.set = _;
19
- if (_ = accept(result.init)) initializers.unshift(_);
20
- }
21
- else if (_ = accept(result)) {
22
- if (kind === "field") initializers.unshift(_);
23
- else descriptor[key] = _;
24
- }
25
- }
26
- if (target) Object.defineProperty(target, contextIn.name, descriptor);
27
- done = true;
28
- };
29
- var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
30
- var useValue = arguments.length > 2;
31
- for (var i = 0; i < initializers.length; i++) {
32
- value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
33
- }
34
- return useValue ? value : void 0;
35
- };
36
- import { css, html, LitElement } from "lit";
37
- import { property } from "lit/decorators.js";
38
- import { base } from "@deepfuture/dui-core/base";
39
- /** Structural styles only — layout CSS. */
40
- const styles = css `
41
- :host {
42
- display: block;
43
- --page-inset-pad-x: var(--space-16);
44
- --page-inset-pad-y: var(--space-12);
45
- --page-inset-max-width: 48rem;
46
- --page-inset-min-width: auto;
47
- }
48
-
49
- [part="root"] {
50
- display: flex;
51
- flex-direction: column;
52
- align-items: center;
53
- padding: var(--page-inset-pad-y) var(--page-inset-pad-x);
54
- min-height: 100cqh;
55
- max-width: 100cqw;
56
- }
57
-
58
- [part="inner"] {
59
- max-width: var(--page-inset-max-width);
60
- min-width: var(--page-inset-min-width);
61
- width: 100%;
62
- }
63
- `;
64
- /**
65
- * `<dui-page-inset>` — Centers content with max-width constraints and configurable padding.
66
- *
67
- * @slot - Content to be centered within the inset area.
68
- * @csspart root - The outer container element.
69
- * @csspart inner - The inner content wrapper with max-width constraint.
70
- * @cssprop --page-inset-pad-x - Horizontal padding (default: var(--space-16)).
71
- * @cssprop --page-inset-pad-y - Vertical padding (default: var(--space-12)).
72
- * @cssprop --page-inset-max-width - Max width of inner content (default: 48rem).
73
- * @cssprop --page-inset-min-width - Min width of inner content (default: auto).
74
- */
75
- let DuiPageInset = (() => {
76
- let _classSuper = LitElement;
77
- let _maxWidth_decorators;
78
- let _maxWidth_initializers = [];
79
- let _maxWidth_extraInitializers = [];
80
- let _minWidth_decorators;
81
- let _minWidth_initializers = [];
82
- let _minWidth_extraInitializers = [];
83
- let _padX_decorators;
84
- let _padX_initializers = [];
85
- let _padX_extraInitializers = [];
86
- let _padY_decorators;
87
- let _padY_initializers = [];
88
- let _padY_extraInitializers = [];
89
- return class DuiPageInset extends _classSuper {
90
- static {
91
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
92
- _maxWidth_decorators = [property({ attribute: "max-width" })];
93
- _minWidth_decorators = [property({ attribute: "min-width" })];
94
- _padX_decorators = [property({ attribute: "pad-x" })];
95
- _padY_decorators = [property({ attribute: "pad-y" })];
96
- __esDecorate(this, null, _maxWidth_decorators, { kind: "accessor", name: "maxWidth", static: false, private: false, access: { has: obj => "maxWidth" in obj, get: obj => obj.maxWidth, set: (obj, value) => { obj.maxWidth = value; } }, metadata: _metadata }, _maxWidth_initializers, _maxWidth_extraInitializers);
97
- __esDecorate(this, null, _minWidth_decorators, { kind: "accessor", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
98
- __esDecorate(this, null, _padX_decorators, { kind: "accessor", name: "padX", static: false, private: false, access: { has: obj => "padX" in obj, get: obj => obj.padX, set: (obj, value) => { obj.padX = value; } }, metadata: _metadata }, _padX_initializers, _padX_extraInitializers);
99
- __esDecorate(this, null, _padY_decorators, { kind: "accessor", name: "padY", static: false, private: false, access: { has: obj => "padY" in obj, get: obj => obj.padY, set: (obj, value) => { obj.padY = value; } }, metadata: _metadata }, _padY_initializers, _padY_extraInitializers);
100
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
101
- }
102
- static tagName = "dui-page-inset";
103
- static styles = [base, styles];
104
- #maxWidth_accessor_storage = __runInitializers(this, _maxWidth_initializers, void 0);
105
- /** Maximum width of the inner content area. Overrides --page-inset-max-width. */
106
- get maxWidth() { return this.#maxWidth_accessor_storage; }
107
- set maxWidth(value) { this.#maxWidth_accessor_storage = value; }
108
- #minWidth_accessor_storage = (__runInitializers(this, _maxWidth_extraInitializers), __runInitializers(this, _minWidth_initializers, void 0));
109
- /** Minimum width of the inner content area. Overrides --page-inset-min-width. */
110
- get minWidth() { return this.#minWidth_accessor_storage; }
111
- set minWidth(value) { this.#minWidth_accessor_storage = value; }
112
- #padX_accessor_storage = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _padX_initializers, void 0));
113
- /** Horizontal padding. Overrides --page-inset-pad-x. */
114
- get padX() { return this.#padX_accessor_storage; }
115
- set padX(value) { this.#padX_accessor_storage = value; }
116
- #padY_accessor_storage = (__runInitializers(this, _padX_extraInitializers), __runInitializers(this, _padY_initializers, void 0));
117
- /** Vertical padding. Overrides --page-inset-pad-y. */
118
- get padY() { return this.#padY_accessor_storage; }
119
- set padY(value) { this.#padY_accessor_storage = value; }
120
- #setOrRemove(prop, value) {
121
- if (value)
122
- this.style.setProperty(prop, value);
123
- else
124
- this.style.removeProperty(prop);
125
- }
126
- willUpdate(changed) {
127
- if (changed.has("maxWidth"))
128
- this.#setOrRemove("--page-inset-max-width", this.maxWidth);
129
- if (changed.has("minWidth"))
130
- this.#setOrRemove("--page-inset-min-width", this.minWidth);
131
- if (changed.has("padX"))
132
- this.#setOrRemove("--page-inset-pad-x", this.padX);
133
- if (changed.has("padY"))
134
- this.#setOrRemove("--page-inset-pad-y", this.padY);
135
- }
136
- render() {
137
- return html `
138
- <div part="root">
139
- <div part="inner">
140
- <slot></slot>
141
- </div>
142
- </div>
143
- `;
144
- }
145
- constructor() {
146
- super(...arguments);
147
- __runInitializers(this, _padY_extraInitializers);
148
- }
149
- };
150
- })();
151
- export { DuiPageInset };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { DuiPageInset } from "./index.js";
2
- if (!customElements.get(DuiPageInset.tagName)) {
3
- customElements.define(DuiPageInset.tagName, DuiPageInset);
4
- }
@@ -1,3 +0,0 @@
1
- import { DuiVstack } from "./vstack.js";
2
- export { DuiVstack };
3
- export declare const vstackFamily: (typeof DuiVstack)[];
@@ -1,3 +0,0 @@
1
- import { DuiVstack } from "./vstack.js";
2
- export { DuiVstack };
3
- export const vstackFamily = [DuiVstack];
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import { DuiVstack } from "./index.js";
2
- if (!customElements.get(DuiVstack.tagName)) {
3
- customElements.define(DuiVstack.tagName, DuiVstack);
4
- }
@@ -1,17 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/vstack */
2
- import { LitElement, type TemplateResult } from "lit";
3
- import { type StackGap } from "@deepfuture/dui-core/layout-types";
4
- /**
5
- * `<dui-vstack>` — A vertical stack layout component.
6
- *
7
- * @slot - Stack content.
8
- * @csspart root - The stack container.
9
- * @cssprop --vstack-gap - Override gap between items.
10
- */
11
- export declare class DuiVstack extends LitElement {
12
- static tagName: "dui-vstack";
13
- static styles: import("lit").CSSResult[];
14
- /** Gap between stack items. Maps to space tokens. */
15
- accessor gap: StackGap;
16
- render(): TemplateResult;
17
- }
@@ -1,125 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/vstack */
2
- var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
3
- function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
4
- var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
5
- var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
6
- var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
7
- var _, done = false;
8
- for (var i = decorators.length - 1; i >= 0; i--) {
9
- var context = {};
10
- for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
11
- for (var p in contextIn.access) context.access[p] = contextIn.access[p];
12
- context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
13
- var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
14
- if (kind === "accessor") {
15
- if (result === void 0) continue;
16
- if (result === null || typeof result !== "object") throw new TypeError("Object expected");
17
- if (_ = accept(result.get)) descriptor.get = _;
18
- if (_ = accept(result.set)) descriptor.set = _;
19
- if (_ = accept(result.init)) initializers.unshift(_);
20
- }
21
- else if (_ = accept(result)) {
22
- if (kind === "field") initializers.unshift(_);
23
- else descriptor[key] = _;
24
- }
25
- }
26
- if (target) Object.defineProperty(target, contextIn.name, descriptor);
27
- done = true;
28
- };
29
- var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
30
- var useValue = arguments.length > 2;
31
- for (var i = 0; i < initializers.length; i++) {
32
- value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
33
- }
34
- return useValue ? value : void 0;
35
- };
36
- import { css, html, LitElement } from "lit";
37
- import { property } from "lit/decorators.js";
38
- import { base } from "@deepfuture/dui-core/base";
39
- /** Structural styles only — layout CSS. */
40
- const styles = css `
41
- :host {
42
- --vstack-gap: var(--space-4);
43
- display: block;
44
- width: 100%;
45
- }
46
-
47
- :host([gap="0"]) {
48
- --vstack-gap: var(--space-0);
49
- }
50
- :host([gap="1"]) {
51
- --vstack-gap: var(--space-1);
52
- }
53
- :host([gap="2"]) {
54
- --vstack-gap: var(--space-2);
55
- }
56
- :host([gap="3"]) {
57
- --vstack-gap: var(--space-3);
58
- }
59
- :host([gap="4"]) {
60
- --vstack-gap: var(--space-4);
61
- }
62
- :host([gap="5"]) {
63
- --vstack-gap: var(--space-5);
64
- }
65
- :host([gap="6"]) {
66
- --vstack-gap: var(--space-6);
67
- }
68
- :host([gap="8"]) {
69
- --vstack-gap: var(--space-8);
70
- }
71
- :host([gap="10"]) {
72
- --vstack-gap: var(--space-10);
73
- }
74
- :host([gap="12"]) {
75
- --vstack-gap: var(--space-12);
76
- }
77
- :host([gap="16"]) {
78
- --vstack-gap: var(--space-16);
79
- }
80
-
81
- [part="root"] {
82
- display: flex;
83
- flex-direction: column;
84
- gap: var(--vstack-gap);
85
- }
86
- `;
87
- /**
88
- * `<dui-vstack>` — A vertical stack layout component.
89
- *
90
- * @slot - Stack content.
91
- * @csspart root - The stack container.
92
- * @cssprop --vstack-gap - Override gap between items.
93
- */
94
- let DuiVstack = (() => {
95
- let _classSuper = LitElement;
96
- let _gap_decorators;
97
- let _gap_initializers = [];
98
- let _gap_extraInitializers = [];
99
- return class DuiVstack extends _classSuper {
100
- static {
101
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
102
- _gap_decorators = [property({ reflect: true })];
103
- __esDecorate(this, null, _gap_decorators, { kind: "accessor", name: "gap", static: false, private: false, access: { has: obj => "gap" in obj, get: obj => obj.gap, set: (obj, value) => { obj.gap = value; } }, metadata: _metadata }, _gap_initializers, _gap_extraInitializers);
104
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
105
- }
106
- static tagName = "dui-vstack";
107
- static styles = [base, styles];
108
- #gap_accessor_storage = __runInitializers(this, _gap_initializers, "4");
109
- /** Gap between stack items. Maps to space tokens. */
110
- get gap() { return this.#gap_accessor_storage; }
111
- set gap(value) { this.#gap_accessor_storage = value; }
112
- render() {
113
- return html `
114
- <div part="root">
115
- <slot></slot>
116
- </div>
117
- `;
118
- }
119
- constructor() {
120
- super(...arguments);
121
- __runInitializers(this, _gap_extraInitializers);
122
- }
123
- };
124
- })();
125
- export { DuiVstack };
@@ -1,15 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/accordion */
2
- export type AccordionContext = {
3
- readonly openValues: readonly string[];
4
- readonly disabled: boolean;
5
- readonly orientation: "vertical" | "horizontal";
6
- readonly loopFocus: boolean;
7
- readonly keepMounted: boolean;
8
- readonly toggle: (value: string) => void;
9
- readonly registerItem: (value: string, el: HTMLElement) => void;
10
- readonly unregisterItem: (value: string) => void;
11
- readonly focusItem: (value: string, direction: "next" | "prev" | "first" | "last") => void;
12
- };
13
- export declare const accordionContext: {
14
- __context__: AccordionContext;
15
- };
@@ -1,3 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/accordion */
2
- import { createContext } from "@lit/context";
3
- export const accordionContext = createContext(Symbol("dui-accordion"));
@@ -1,13 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/alert-dialog */
2
- export type AlertDialogContext = {
3
- readonly open: boolean;
4
- readonly dialogId: string;
5
- readonly triggerId: string;
6
- readonly titleId: string;
7
- readonly descriptionId: string;
8
- readonly openDialog: () => void;
9
- readonly closeDialog: () => void;
10
- };
11
- export declare const alertDialogContext: {
12
- __context__: AlertDialogContext;
13
- };
@@ -1,3 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/alert-dialog */
2
- import { createContext } from "@lit/context";
3
- export const alertDialogContext = createContext(Symbol("dui-alert-dialog"));
@@ -1,11 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/checkbox */
2
- export type CheckboxGroupContext = {
3
- readonly checkedValues: readonly string[];
4
- readonly allValues: readonly string[];
5
- readonly disabled: boolean;
6
- readonly toggle: (value: string) => void;
7
- readonly toggleAll: (checked: boolean) => void;
8
- };
9
- export declare const checkboxGroupContext: {
10
- __context__: CheckboxGroupContext;
11
- };
@@ -1,3 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/checkbox */
2
- import { createContext } from "@lit/context";
3
- export const checkboxGroupContext = createContext(Symbol("dui-checkbox-group"));
@@ -1,30 +0,0 @@
1
- /** Ported from original DUI: deep-future-app/app/client/components/dui/command */
2
- export type CommandItemEntry = {
3
- readonly id: string;
4
- readonly value: string;
5
- readonly keywords: readonly string[];
6
- readonly textContent: string;
7
- readonly disabled: boolean;
8
- readonly groupId: string | undefined;
9
- };
10
- export type CommandContext = {
11
- readonly search: string;
12
- readonly selectedItemId: string | undefined;
13
- readonly listId: string;
14
- readonly loop: boolean;
15
- readonly shouldFilter: boolean;
16
- readonly getScore: (itemId: string) => number;
17
- readonly getVisibleCount: () => number;
18
- readonly getGroupVisibleCount: (groupId: string) => number;
19
- readonly registerItem: (entry: CommandItemEntry) => void;
20
- readonly unregisterItem: (id: string) => void;
21
- readonly updateItem: (entry: CommandItemEntry) => void;
22
- readonly registerGroup: (groupId: string) => void;
23
- readonly unregisterGroup: (groupId: string) => void;
24
- readonly setSearch: (value: string) => void;
25
- readonly selectItem: (id: string) => void;
26
- readonly handleItemSelect: (value: string) => void;
27
- };
28
- export declare const commandContext: {
29
- __context__: CommandContext;
30
- };