@imfusion/web-ui 0.11.1-dev.6.gf4b6c627 → 0.11.1-dev.62.gfcd31b6e
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.
- package/CHANGELOG.md +168 -1
- package/dist/{code-Cl9AzRyF.js → code-BaLXMEMa.js} +8 -8
- package/dist/components/autocomplete/autocomplete.d.ts +144 -0
- package/dist/components/autocomplete/autocomplete.meta.d.ts +2 -0
- package/dist/components/autocomplete/index.d.ts +2 -0
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/card/card.d.ts +3 -2
- package/dist/components/checkbox/checkbox.cva.d.ts +3 -0
- package/dist/components/combobox/combobox.cva.d.ts +37 -0
- package/dist/components/combobox/combobox.d.ts +171 -0
- package/dist/components/combobox/combobox.meta.d.ts +2 -0
- package/dist/components/combobox/index.d.ts +2 -0
- package/dist/components/dialog/dialog.d.ts +23 -3
- package/dist/components/file-drop-zone/collect-files.d.ts +56 -0
- package/dist/components/file-drop-zone/file-drop-zone-context.d.ts +15 -0
- package/dist/components/file-drop-zone/file-drop-zone.d.ts +185 -0
- package/dist/components/file-drop-zone/file-drop-zone.meta.d.ts +2 -0
- package/dist/components/file-drop-zone/format-bytes.d.ts +5 -0
- package/dist/components/file-drop-zone/index.d.ts +4 -0
- package/dist/components/image/image.d.ts +50 -0
- package/dist/components/image/image.meta.d.ts +2 -0
- package/dist/components/image/index.d.ts +2 -0
- package/dist/components/logo/logo.d.ts +1 -1
- package/dist/components/popover/popover.d.ts +2 -2
- package/dist/components/progress/index.d.ts +2 -0
- package/dist/components/progress/progress.d.ts +40 -0
- package/dist/components/progress/progress.meta.d.ts +2 -0
- package/dist/components/rich-link/rich-link.d.ts +1 -1
- package/dist/components/select/select.cva.d.ts +7 -0
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/tab-nav/index.d.ts +2 -0
- package/dist/components/tab-nav/tab-nav.d.ts +26 -0
- package/dist/components/tab-nav/tab-nav.meta.d.ts +2 -0
- package/dist/components/table/table.d.ts +8 -0
- package/dist/components/tabs/tabs-underline.cva.d.ts +6 -0
- package/dist/components/tabs/tabs.d.ts +13 -4
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/textarea.d.ts +32 -0
- package/dist/components/textarea/textarea.meta.d.ts +2 -0
- package/dist/components/toast/toast.d.ts +2 -2
- package/dist/components/typo/typo.d.ts +5 -1
- package/dist/docgen/component-sources.d.ts +4 -0
- package/dist/icon-button-roSB497o.js +171 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +4536 -2958
- package/dist/integrations/code-highlight.js +2 -2
- package/dist/integrations/frame-selection.js +1 -1
- package/dist/integrations/image-display-options.js +73 -71
- package/dist/integrations/layout-mode/index.d.ts +2 -0
- package/dist/integrations/layout-mode/layout-mode-view.d.ts +32 -0
- package/dist/integrations/layout-mode/layout-mode.d.ts +13 -0
- package/dist/integrations/layout-mode/layout-mode.meta.d.ts +2 -0
- package/dist/integrations/layout-mode.js +103 -0
- package/dist/integrations/view-tools/index.d.ts +4 -0
- package/dist/integrations/view-tools/use-view-interaction.d.ts +21 -0
- package/dist/integrations/view-tools/view-tools-view.d.ts +23 -0
- package/dist/integrations/view-tools/view-tools.d.ts +14 -0
- package/dist/integrations/view-tools/view-tools.meta.d.ts +2 -0
- package/dist/integrations/view-tools.js +133 -0
- package/dist/{resolve-state-props-DQf9WiGv.js → rolldown-runtime-Dy4uBu1J.js} +1 -12
- package/dist/row-CImu8yXV.js +136 -0
- package/dist/{scroll-area-z9Lf9uIk.js → scroll-area-CXQ_SxPX.js} +2 -1
- package/dist/{slider-Bf274cMe.js → slider-CpIZMAFl.js} +2 -1
- package/dist/style.css +2 -1
- package/dist/tabs-BqgyMmo6.js +173 -0
- package/dist/toggle-group-Bhb3qicp.js +31 -0
- package/dist/toggle-group-eGr6_hgQ.js +125 -0
- package/dist/utils/email.d.ts +4 -1
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/initials.d.ts +4 -0
- package/dist/utils/item-parts.d.ts +23 -0
- package/dist/utils/stable-popup-height.d.ts +10 -0
- package/dist/utils-J6vbjIt1.js +46 -0
- package/package.json +4 -4
- package/src/docgen/doc.gen.json +5526 -1748
- package/src/llms/llms.gen.txt +52 -1
- package/src/llms/skills/imf-web-ui-audit/SKILL.md +5 -2
- package/src/llms/skills/imf-web-ui-conventions/SKILL.md +2 -2
- package/src/llms/skills/imf-web-ui-conventions/templates/AUDIT_CHECKLIST.md +19 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/assets.md +28 -4
- package/src/llms/skills/imf-web-ui-conventions/topics/components.md +10 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/library-boundary.md +3 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/npm-project.md +2 -1
- package/src/llms/skills/imf-web-ui-conventions/topics/react/composition.md +54 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/react/effects.md +59 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/react/state.md +41 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/react.md +7 -60
- package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +22 -1
- package/src/llms/skills/imf-web-ui-conventions/topics/tooling.md +3 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/validation.md +7 -0
- package/src/llms/skills/imf-web-ui-ux/references/forms.md +3 -2
- package/src/llms/tokens.gen.json +19 -1
- package/dist/tabs-DsDSCA--.js +0 -376
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
var n = {
|
|
4
|
+
alignCenter: "imf-ui-stack-module-alignCenter",
|
|
5
|
+
alignEnd: "imf-ui-stack-module-alignEnd",
|
|
6
|
+
alignStart: "imf-ui-stack-module-alignStart",
|
|
7
|
+
alignStretch: "imf-ui-stack-module-alignStretch",
|
|
8
|
+
gap0: "imf-ui-stack-module-gap0",
|
|
9
|
+
gap1: "imf-ui-stack-module-gap1",
|
|
10
|
+
gap10: "imf-ui-stack-module-gap10",
|
|
11
|
+
gap2: "imf-ui-stack-module-gap2",
|
|
12
|
+
gap3: "imf-ui-stack-module-gap3",
|
|
13
|
+
gap4: "imf-ui-stack-module-gap4",
|
|
14
|
+
gap5: "imf-ui-stack-module-gap5",
|
|
15
|
+
gap6: "imf-ui-stack-module-gap6",
|
|
16
|
+
gap7: "imf-ui-stack-module-gap7",
|
|
17
|
+
gap8: "imf-ui-stack-module-gap8",
|
|
18
|
+
gap9: "imf-ui-stack-module-gap9",
|
|
19
|
+
justifyAround: "imf-ui-stack-module-justifyAround",
|
|
20
|
+
justifyBetween: "imf-ui-stack-module-justifyBetween",
|
|
21
|
+
justifyCenter: "imf-ui-stack-module-justifyCenter",
|
|
22
|
+
justifyEnd: "imf-ui-stack-module-justifyEnd",
|
|
23
|
+
justifyEvenly: "imf-ui-stack-module-justifyEvenly",
|
|
24
|
+
justifyStart: "imf-ui-stack-module-justifyStart",
|
|
25
|
+
root: "imf-ui-stack-module-root"
|
|
26
|
+
}, r = e(n.root, { variants: {
|
|
27
|
+
gap: {
|
|
28
|
+
0: n.gap0,
|
|
29
|
+
1: n.gap1,
|
|
30
|
+
2: n.gap2,
|
|
31
|
+
3: n.gap3,
|
|
32
|
+
4: n.gap4,
|
|
33
|
+
5: n.gap5,
|
|
34
|
+
6: n.gap6,
|
|
35
|
+
7: n.gap7,
|
|
36
|
+
8: n.gap8,
|
|
37
|
+
9: n.gap9,
|
|
38
|
+
10: n.gap10
|
|
39
|
+
},
|
|
40
|
+
align: {
|
|
41
|
+
start: n.alignStart,
|
|
42
|
+
center: n.alignCenter,
|
|
43
|
+
end: n.alignEnd,
|
|
44
|
+
stretch: n.alignStretch
|
|
45
|
+
},
|
|
46
|
+
justify: {
|
|
47
|
+
start: n.justifyStart,
|
|
48
|
+
center: n.justifyCenter,
|
|
49
|
+
end: n.justifyEnd,
|
|
50
|
+
between: n.justifyBetween,
|
|
51
|
+
around: n.justifyAround,
|
|
52
|
+
evenly: n.justifyEvenly
|
|
53
|
+
}
|
|
54
|
+
} });
|
|
55
|
+
function i({ gap: e = "4", align: n = "stretch", justify: i = "start", ...a }) {
|
|
56
|
+
return /* @__PURE__ */ t("div", {
|
|
57
|
+
...a,
|
|
58
|
+
"data-imf-ui-component": "Stack",
|
|
59
|
+
className: r({
|
|
60
|
+
gap: e,
|
|
61
|
+
align: n,
|
|
62
|
+
justify: i,
|
|
63
|
+
className: a.className
|
|
64
|
+
})
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
var a = {
|
|
68
|
+
alignCenter: "imf-ui-row-module-alignCenter",
|
|
69
|
+
alignEnd: "imf-ui-row-module-alignEnd",
|
|
70
|
+
alignStart: "imf-ui-row-module-alignStart",
|
|
71
|
+
alignStretch: "imf-ui-row-module-alignStretch",
|
|
72
|
+
gap1: "imf-ui-row-module-gap1",
|
|
73
|
+
gap10: "imf-ui-row-module-gap10",
|
|
74
|
+
gap2: "imf-ui-row-module-gap2",
|
|
75
|
+
gap3: "imf-ui-row-module-gap3",
|
|
76
|
+
gap4: "imf-ui-row-module-gap4",
|
|
77
|
+
gap5: "imf-ui-row-module-gap5",
|
|
78
|
+
gap6: "imf-ui-row-module-gap6",
|
|
79
|
+
gap7: "imf-ui-row-module-gap7",
|
|
80
|
+
gap8: "imf-ui-row-module-gap8",
|
|
81
|
+
gap9: "imf-ui-row-module-gap9",
|
|
82
|
+
justifyAround: "imf-ui-row-module-justifyAround",
|
|
83
|
+
justifyBetween: "imf-ui-row-module-justifyBetween",
|
|
84
|
+
justifyCenter: "imf-ui-row-module-justifyCenter",
|
|
85
|
+
justifyEnd: "imf-ui-row-module-justifyEnd",
|
|
86
|
+
justifyEvenly: "imf-ui-row-module-justifyEvenly",
|
|
87
|
+
justifyStart: "imf-ui-row-module-justifyStart",
|
|
88
|
+
root: "imf-ui-row-module-root",
|
|
89
|
+
wrap: "imf-ui-row-module-wrap"
|
|
90
|
+
}, o = e(a.root, { variants: {
|
|
91
|
+
gap: {
|
|
92
|
+
1: a.gap1,
|
|
93
|
+
2: a.gap2,
|
|
94
|
+
3: a.gap3,
|
|
95
|
+
4: a.gap4,
|
|
96
|
+
5: a.gap5,
|
|
97
|
+
6: a.gap6,
|
|
98
|
+
7: a.gap7,
|
|
99
|
+
8: a.gap8,
|
|
100
|
+
9: a.gap9,
|
|
101
|
+
10: a.gap10
|
|
102
|
+
},
|
|
103
|
+
align: {
|
|
104
|
+
start: a.alignStart,
|
|
105
|
+
center: a.alignCenter,
|
|
106
|
+
end: a.alignEnd,
|
|
107
|
+
stretch: a.alignStretch
|
|
108
|
+
},
|
|
109
|
+
justify: {
|
|
110
|
+
start: a.justifyStart,
|
|
111
|
+
center: a.justifyCenter,
|
|
112
|
+
end: a.justifyEnd,
|
|
113
|
+
between: a.justifyBetween,
|
|
114
|
+
around: a.justifyAround,
|
|
115
|
+
evenly: a.justifyEvenly
|
|
116
|
+
},
|
|
117
|
+
wrap: {
|
|
118
|
+
true: a.wrap,
|
|
119
|
+
false: null
|
|
120
|
+
}
|
|
121
|
+
} });
|
|
122
|
+
function s({ gap: e = "2", align: n = "stretch", justify: r = "start", wrap: i = !1, ...a }) {
|
|
123
|
+
return /* @__PURE__ */ t("div", {
|
|
124
|
+
...a,
|
|
125
|
+
"data-imf-ui-component": "Row",
|
|
126
|
+
className: o({
|
|
127
|
+
gap: e,
|
|
128
|
+
align: n,
|
|
129
|
+
justify: r,
|
|
130
|
+
wrap: i,
|
|
131
|
+
className: a.className
|
|
132
|
+
})
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
//#endregion
|
|
136
|
+
export { i as n, s as t };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
+
import { a as t } from "./utils-J6vbjIt1.js";
|
|
2
3
|
import { cva as n } from "class-variance-authority";
|
|
3
4
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
5
|
import { ScrollArea as a } from "@base-ui/react/scroll-area";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
+
import { a as t } from "./utils-J6vbjIt1.js";
|
|
2
3
|
import { cva as n } from "class-variance-authority";
|
|
3
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
4
5
|
import { Slider as i } from "@base-ui/react/slider";
|