@imfusion/web-ui 0.10.1-dev.6.gf715361a → 0.10.1-dev.60.g7891a716
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 +159 -0
- package/README.md +8 -32
- package/THIRD_PARTY_NOTICES.md +110 -0
- package/dist/code-NTcddiYk.js +139 -0
- package/dist/components/account-card/account-card.d.ts +9 -26
- package/dist/components/app-shell/app-shell.d.ts +48 -26
- package/dist/components/callout/callout.d.ts +1 -1
- package/dist/components/chip/chip.d.ts +1 -1
- package/dist/components/color-scheme-toggle/color-scheme-preference.d.ts +3 -0
- package/dist/components/color-scheme-toggle/color-scheme-toggle.d.ts +17 -0
- package/dist/components/color-scheme-toggle/color-scheme-toggle.meta.d.ts +2 -0
- package/dist/components/color-scheme-toggle/index.d.ts +2 -0
- package/dist/components/dialog/dialog.d.ts +151 -0
- package/dist/components/dialog/dialog.meta.d.ts +2 -0
- package/dist/components/dialog/index.d.ts +2 -0
- package/dist/components/drawer/drawer.d.ts +1 -1
- package/dist/components/logo/index.d.ts +1 -0
- package/dist/components/logo/product/index.d.ts +1 -0
- package/dist/components/logo/product/marks.d.ts +11 -0
- package/dist/components/logo/product/product.d.ts +17 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.d.ts +49 -0
- package/dist/components/scroll-area/scroll-area.meta.d.ts +2 -0
- package/dist/components/select/select.d.ts +18 -4
- package/dist/components/separator/separator.d.ts +4 -2
- package/dist/components/skeleton/skeleton.d.ts +17 -2
- package/dist/components/table/table.d.ts +12 -4
- package/dist/components/toggle/toggle.d.ts +8 -2
- package/dist/components/toggle-group/toggle-group-size.d.ts +3 -0
- package/dist/components/toggle-group/toggle-group.d.ts +7 -3
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/use-disclosure.d.ts +17 -0
- package/dist/icons.js +1 -2
- package/dist/index.d.ts +7 -3
- package/dist/index.js +2705 -2093
- package/dist/integrations/code-highlight.js +2 -2
- package/dist/integrations/frame-selection.js +2 -2
- package/dist/integrations/image-display-options.js +123 -113
- package/dist/{rolldown-runtime-Dy4uBu1J.js → resolve-state-props-DQf9WiGv.js} +12 -1
- package/dist/scroll-area-z9Lf9uIk.js +89 -0
- package/dist/{separator-lzz4A3x_.js → separator-BV2TR8U0.js} +16 -8
- package/dist/slider-Bf274cMe.js +106 -0
- package/dist/style.css +1 -1
- package/dist/{tabs-DRyqtS04.js → tabs-CU46aGud.js} +106 -88
- package/dist/vite/local-web-ui-link.d.ts +17 -4
- package/dist/vite.js +25 -20
- package/dist/web-ui-cli.js +11 -11
- package/docs/user-guide/UsagePatterns.mdx +4 -0
- package/package.json +11 -9
- package/src/docgen/doc.gen.json +2292 -1071
- package/src/llms/install-templates/hooks/baseline-staleness.sh +2 -0
- package/src/llms/install-templates/hooks/stop.sh +7 -2
- package/src/llms/llms.gen.txt +18 -1
- package/src/llms/skills/imf-web-ui-audit/SKILL.md +24 -11
- package/src/llms/skills/imf-web-ui-conventions/templates/AUDIT_CHECKLIST.md +4 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/data.md +17 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/git.md +5 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/library-setup.md +3 -0
- package/src/llms/skills/imf-web-ui-conventions/topics/project-structure.md +5 -2
- package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +3 -1
- package/src/llms/skills/imf-web-ui-conventions/topics/tooling.md +47 -8
- package/src/llms/skills/imf-web-ui-conventions/topics/typescript.md +2 -0
- package/src/llms/skills/imf-web-ui-setup/SKILL.md +10 -1
- package/src/llms/skills/imf-web-ui-update/SKILL.md +7 -0
- package/src/llms/skills/imf-web-ui-ux/SKILL.md +47 -26
- package/src/llms/skills/imf-web-ui-ux/references/forms.md +6 -6
- package/src/llms/skills/imf-web-ui-ux/references/usability-heuristics.md +3 -3
- package/src/llms/skills/imf-web-ui-ux/references/visual-design.md +3 -3
- package/src/llms/tokens.gen.json +13 -5
- package/dist/code-BYkr5k55.js +0 -134
- package/dist/slider-Cqpreglu.js +0 -116
package/dist/code-BYkr5k55.js
DELETED
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { Xo as t, ja as n, pM as r } from "./icons-BsK_o-Cb.js";
|
|
3
|
-
import { t as i } from "./meta-V_KyLeGn.js";
|
|
4
|
-
import { cx as a } from "class-variance-authority";
|
|
5
|
-
import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
6
|
-
import { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
|
|
7
|
-
import { mergeProps as p } from "@base-ui/react/merge-props";
|
|
8
|
-
import { useRender as m } from "@base-ui/react/use-render";
|
|
9
|
-
//#region src/hooks/use-clipboard.ts
|
|
10
|
-
function h({ timeout: e = 1500 } = {}) {
|
|
11
|
-
let [t, n] = f(!1), r = d(void 0);
|
|
12
|
-
return u(() => () => clearTimeout(r.current), []), {
|
|
13
|
-
copied: t,
|
|
14
|
-
copy: l((t) => {
|
|
15
|
-
navigator.clipboard.writeText(t).then(() => {
|
|
16
|
-
n(!0), clearTimeout(r.current), r.current = setTimeout(() => n(!1), e);
|
|
17
|
-
});
|
|
18
|
-
}, [e])
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
var g = {
|
|
22
|
-
block: "imf-ui-code-module-block",
|
|
23
|
-
copy: "imf-ui-code-module-copy",
|
|
24
|
-
inline: "imf-ui-code-module-inline",
|
|
25
|
-
inlineCopy: "imf-ui-code-module-inlineCopy",
|
|
26
|
-
inlineLink: "imf-ui-code-module-inlineLink",
|
|
27
|
-
language: "imf-ui-code-module-language",
|
|
28
|
-
pre: "imf-ui-code-module-pre",
|
|
29
|
-
separator: "imf-ui-code-module-separator"
|
|
30
|
-
}, _ = /* @__PURE__ */ e({
|
|
31
|
-
Block: () => b,
|
|
32
|
-
Inline: () => v,
|
|
33
|
-
InlineLink: () => y
|
|
34
|
-
});
|
|
35
|
-
function v({ copyable: e = !1, children: i, render: a, ...l }) {
|
|
36
|
-
let { copied: u, copy: f } = h(), _ = d(null), v = u ? n : t;
|
|
37
|
-
return m({
|
|
38
|
-
defaultTagName: "code",
|
|
39
|
-
render: a,
|
|
40
|
-
props: {
|
|
41
|
-
...p(l, {
|
|
42
|
-
className: g.inline,
|
|
43
|
-
children: /* @__PURE__ */ c(o, { children: [
|
|
44
|
-
/* @__PURE__ */ s("span", {
|
|
45
|
-
ref: _,
|
|
46
|
-
children: i
|
|
47
|
-
}),
|
|
48
|
-
e && /* @__PURE__ */ s("span", { className: g.separator }),
|
|
49
|
-
e && /* @__PURE__ */ s("button", {
|
|
50
|
-
type: "button",
|
|
51
|
-
className: g.inlineCopy,
|
|
52
|
-
"data-copied": u || void 0,
|
|
53
|
-
"aria-label": u ? "Copied" : "Copy",
|
|
54
|
-
onClick: () => f(_.current?.textContent ?? ""),
|
|
55
|
-
children: /* @__PURE__ */ s(r, {
|
|
56
|
-
glyph: v,
|
|
57
|
-
size: 12,
|
|
58
|
-
strokeWidth: 2,
|
|
59
|
-
"aria-hidden": !0
|
|
60
|
-
})
|
|
61
|
-
})
|
|
62
|
-
] })
|
|
63
|
-
}),
|
|
64
|
-
"data-imf-ui-component": "Code.Inline"
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
v.displayName = "Code.Inline";
|
|
69
|
-
function y({ kind: e = "external", ...t }) {
|
|
70
|
-
let n = e === "external" ? {
|
|
71
|
-
target: "_blank",
|
|
72
|
-
rel: "noreferrer"
|
|
73
|
-
} : {};
|
|
74
|
-
return m({
|
|
75
|
-
defaultTagName: "a",
|
|
76
|
-
render: t.render,
|
|
77
|
-
props: {
|
|
78
|
-
...p(n, t, {
|
|
79
|
-
className: a(g.inline, g.inlineLink, t.className),
|
|
80
|
-
children: t.children
|
|
81
|
-
}),
|
|
82
|
-
"data-imf-ui-component": "Code.InlineLink",
|
|
83
|
-
"data-kind": e
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
y.displayName = "Code.InlineLink";
|
|
88
|
-
function b({ className: e, language: i, hideCopy: o = !1, children: l, ...u }) {
|
|
89
|
-
let { copied: f, copy: p } = h(), m = d(null), _ = f ? n : t;
|
|
90
|
-
return /* @__PURE__ */ c("div", {
|
|
91
|
-
"data-imf-ui-component": "Code.Block",
|
|
92
|
-
className: a(g.block, e),
|
|
93
|
-
children: [
|
|
94
|
-
i != null && /* @__PURE__ */ s("span", {
|
|
95
|
-
className: g.language,
|
|
96
|
-
children: i
|
|
97
|
-
}),
|
|
98
|
-
!o && /* @__PURE__ */ s("button", {
|
|
99
|
-
type: "button",
|
|
100
|
-
className: g.copy,
|
|
101
|
-
"data-copied": f || void 0,
|
|
102
|
-
"aria-label": f ? "Copied" : "Copy",
|
|
103
|
-
onClick: () => p(m.current?.textContent ?? ""),
|
|
104
|
-
children: /* @__PURE__ */ s(r, {
|
|
105
|
-
glyph: _,
|
|
106
|
-
size: 12,
|
|
107
|
-
strokeWidth: 2,
|
|
108
|
-
"aria-hidden": !0
|
|
109
|
-
})
|
|
110
|
-
}),
|
|
111
|
-
/* @__PURE__ */ s("pre", {
|
|
112
|
-
...u,
|
|
113
|
-
className: g.pre,
|
|
114
|
-
children: /* @__PURE__ */ s("code", {
|
|
115
|
-
ref: m,
|
|
116
|
-
children: l
|
|
117
|
-
})
|
|
118
|
-
})
|
|
119
|
-
]
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
b.displayName = "Code.Block";
|
|
123
|
-
//#endregion
|
|
124
|
-
//#region src/components/code/code.meta.ts
|
|
125
|
-
var x = {
|
|
126
|
-
name: "Code",
|
|
127
|
-
category: i.display,
|
|
128
|
-
status: "stable",
|
|
129
|
-
namespace: !0,
|
|
130
|
-
description: "Displays source code inline or in a block, with optional language labels and copying. Also called a code snippet or code block.",
|
|
131
|
-
origin: "native"
|
|
132
|
-
};
|
|
133
|
-
//#endregion
|
|
134
|
-
export { _ as a, y as i, b as n, h as o, v as r, x as t };
|
package/dist/slider-Cqpreglu.js
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { cva as t } from "class-variance-authority";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import { Slider as r } from "@base-ui/react/slider";
|
|
5
|
-
//#region src/utils/resolve-state-props.ts
|
|
6
|
-
function i(e, t) {
|
|
7
|
-
return e instanceof Function ? e(t) : e;
|
|
8
|
-
}
|
|
9
|
-
function a(e, t) {
|
|
10
|
-
return i(e, t);
|
|
11
|
-
}
|
|
12
|
-
function o(e, t) {
|
|
13
|
-
return i(e, t);
|
|
14
|
-
}
|
|
15
|
-
var s = {
|
|
16
|
-
control: "imf-ui-slider-module-control",
|
|
17
|
-
indicator: "imf-ui-slider-module-indicator",
|
|
18
|
-
label: "imf-ui-slider-module-label",
|
|
19
|
-
root: "imf-ui-slider-module-root",
|
|
20
|
-
thumb: "imf-ui-slider-module-thumb",
|
|
21
|
-
track: "imf-ui-slider-module-track",
|
|
22
|
-
value: "imf-ui-slider-module-value",
|
|
23
|
-
variantPosition: "imf-ui-slider-module-variantPosition"
|
|
24
|
-
}, c = /* @__PURE__ */ e({
|
|
25
|
-
Control: () => y,
|
|
26
|
-
Indicator: () => x,
|
|
27
|
-
Label: () => _,
|
|
28
|
-
Root: () => g,
|
|
29
|
-
Thumb: () => S,
|
|
30
|
-
Track: () => b,
|
|
31
|
-
Value: () => v
|
|
32
|
-
}), l = t(s.root, { variants: { variant: {
|
|
33
|
-
default: null,
|
|
34
|
-
position: s.variantPosition
|
|
35
|
-
} } }), u = t(s.label), d = t(s.value), f = t(s.control), p = t(s.track), m = t(s.indicator), h = t(s.thumb);
|
|
36
|
-
function g({ variant: e = "default", value: t, defaultValue: i, onValueChange: o, onValueCommitted: s, min: c = 0, max: u = 100, step: d = 1, largeStep: f = 10, minStepsBetweenValues: p = 0, disabled: m = !1, orientation: h = "horizontal", name: g, form: _, locale: v, thumbAlignment: y = "edge", thumbCollisionBehavior: b = "push", format: x, ...S }) {
|
|
37
|
-
return /* @__PURE__ */ n(r.Root, {
|
|
38
|
-
...S,
|
|
39
|
-
"data-imf-ui-component": "Slider.Root",
|
|
40
|
-
"data-orientation": h,
|
|
41
|
-
className: (t) => l({
|
|
42
|
-
variant: e,
|
|
43
|
-
className: a(S.className, t)
|
|
44
|
-
}),
|
|
45
|
-
value: t,
|
|
46
|
-
defaultValue: i,
|
|
47
|
-
onValueChange: o,
|
|
48
|
-
onValueCommitted: s,
|
|
49
|
-
min: c,
|
|
50
|
-
max: u,
|
|
51
|
-
step: d,
|
|
52
|
-
largeStep: f,
|
|
53
|
-
minStepsBetweenValues: p,
|
|
54
|
-
disabled: m,
|
|
55
|
-
orientation: h,
|
|
56
|
-
name: g,
|
|
57
|
-
form: _,
|
|
58
|
-
locale: v,
|
|
59
|
-
thumbAlignment: y,
|
|
60
|
-
thumbCollisionBehavior: b,
|
|
61
|
-
format: x
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
g.displayName = "Slider.Root";
|
|
65
|
-
function _(e) {
|
|
66
|
-
return /* @__PURE__ */ n(r.Label, {
|
|
67
|
-
...e,
|
|
68
|
-
"data-imf-ui-component": "Slider.Label",
|
|
69
|
-
className: (t) => u({ className: a(e.className, t) })
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
_.displayName = "Slider.Label";
|
|
73
|
-
function v({ children: e, ...t }) {
|
|
74
|
-
return /* @__PURE__ */ n(r.Value, {
|
|
75
|
-
...t,
|
|
76
|
-
"data-imf-ui-component": "Slider.Value",
|
|
77
|
-
className: (e) => d({ className: a(t.className, e) }),
|
|
78
|
-
children: e
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
v.displayName = "Slider.Value";
|
|
82
|
-
function y(e) {
|
|
83
|
-
return /* @__PURE__ */ n(r.Control, {
|
|
84
|
-
...e,
|
|
85
|
-
"data-imf-ui-component": "Slider.Control",
|
|
86
|
-
className: (t) => f({ className: a(e.className, t) })
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
y.displayName = "Slider.Control";
|
|
90
|
-
function b(e) {
|
|
91
|
-
return /* @__PURE__ */ n(r.Track, {
|
|
92
|
-
...e,
|
|
93
|
-
"data-imf-ui-component": "Slider.Track",
|
|
94
|
-
className: (t) => p({ className: a(e.className, t) })
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
b.displayName = "Slider.Track";
|
|
98
|
-
function x(e) {
|
|
99
|
-
return /* @__PURE__ */ n(r.Indicator, {
|
|
100
|
-
...e,
|
|
101
|
-
"data-imf-ui-component": "Slider.Indicator",
|
|
102
|
-
className: (t) => m({ className: a(e.className, t) })
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
x.displayName = "Slider.Indicator";
|
|
106
|
-
function S({ index: e, ...t }) {
|
|
107
|
-
return /* @__PURE__ */ n(r.Thumb, {
|
|
108
|
-
...t,
|
|
109
|
-
"data-imf-ui-component": "Slider.Thumb",
|
|
110
|
-
className: (e) => h({ className: a(t.className, e) }),
|
|
111
|
-
index: e
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
S.displayName = "Slider.Thumb";
|
|
115
|
-
//#endregion
|
|
116
|
-
export { S as a, c, g as i, a as l, x as n, b as o, _ as r, v as s, y as t, o as u };
|