@imfusion/web-ui 0.11.1-dev.64.gdd82b76a → 0.11.1-dev.65.g9b6bba80
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 +8 -0
- package/dist/components/table/table.d.ts +49 -2
- package/dist/index.js +252 -164
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/docgen/doc.gen.json +334 -1
- package/src/llms/llms.gen.txt +1 -1
- package/src/llms/skills/imf-web-ui-components/SKILL.md +3 -1
package/dist/index.js
CHANGED
|
@@ -5737,8 +5737,11 @@ var Ff = {
|
|
|
5737
5737
|
action: "imf-ui-table-module-action",
|
|
5738
5738
|
body: "imf-ui-table-module-body",
|
|
5739
5739
|
cell: "imf-ui-table-module-cell",
|
|
5740
|
+
counter: "imf-ui-table-module-counter",
|
|
5740
5741
|
densityCompact: "imf-ui-table-module-densityCompact",
|
|
5741
5742
|
densitySpacious: "imf-ui-table-module-densitySpacious",
|
|
5743
|
+
emptyCell: "imf-ui-table-module-emptyCell",
|
|
5744
|
+
emptyContent: "imf-ui-table-module-emptyContent",
|
|
5742
5745
|
header: "imf-ui-table-module-header",
|
|
5743
5746
|
headerButton: "imf-ui-table-module-headerButton",
|
|
5744
5747
|
headerCell: "imf-ui-table-module-headerCell",
|
|
@@ -5746,18 +5749,23 @@ var Ff = {
|
|
|
5746
5749
|
row: "imf-ui-table-module-row",
|
|
5747
5750
|
rowButton: "imf-ui-table-module-rowButton",
|
|
5748
5751
|
rowTarget: "imf-ui-table-module-rowTarget",
|
|
5749
|
-
|
|
5752
|
+
selectAllLabel: "imf-ui-table-module-selectAllLabel",
|
|
5753
|
+
sortIndicator: "imf-ui-table-module-sortIndicator",
|
|
5754
|
+
visuallyHidden: "imf-ui-table-module-visuallyHidden"
|
|
5750
5755
|
}, If = /* @__PURE__ */ e({
|
|
5751
|
-
Body: () =>
|
|
5752
|
-
Cell: () =>
|
|
5753
|
-
|
|
5754
|
-
|
|
5755
|
-
|
|
5756
|
-
|
|
5757
|
-
|
|
5758
|
-
|
|
5759
|
-
|
|
5760
|
-
|
|
5756
|
+
Body: () => Zf,
|
|
5757
|
+
Cell: () => tp,
|
|
5758
|
+
EmptyRow: () => up,
|
|
5759
|
+
Header: () => Xf,
|
|
5760
|
+
HeaderButton: () => ip,
|
|
5761
|
+
HeaderCell: () => ep,
|
|
5762
|
+
Root: () => Yf,
|
|
5763
|
+
Row: () => $f,
|
|
5764
|
+
RowButton: () => rp,
|
|
5765
|
+
RowLink: () => np,
|
|
5766
|
+
SelectAllCell: () => lp,
|
|
5767
|
+
SelectCell: () => cp,
|
|
5768
|
+
SortableHeaderCell: () => sp
|
|
5761
5769
|
}), Lf = y(Z.root, { variants: { density: {
|
|
5762
5770
|
compact: Z.densityCompact,
|
|
5763
5771
|
comfortable: null,
|
|
@@ -5765,8 +5773,8 @@ var Ff = {
|
|
|
5765
5773
|
} } }), Rf = y(Z.header), zf = y(Z.body), Bf = y(Z.row), Vf = { action: {
|
|
5766
5774
|
false: null,
|
|
5767
5775
|
true: Z.action
|
|
5768
|
-
} }, Hf = y(Z.headerCell, { variants: Vf }), Uf = y(Z.cell, { variants: Vf }), Wf = y(Z.rowTarget), Gf = y([Z.rowTarget, Z.rowButton]),
|
|
5769
|
-
function
|
|
5776
|
+
} }, Hf = y(Z.headerCell, { variants: Vf }), Uf = y(Z.cell, { variants: Vf }), Wf = y(Z.rowTarget), Gf = y(Z.emptyCell), Kf = y([Z.rowTarget, Z.rowButton]), qf = y(Z.headerButton), Jf = y(Z.sortIndicator);
|
|
5777
|
+
function Yf({ density: e = "comfortable", ...t }) {
|
|
5770
5778
|
return /* @__PURE__ */ x("table", {
|
|
5771
5779
|
...t,
|
|
5772
5780
|
"data-imf-ui-component": "Table.Root",
|
|
@@ -5776,32 +5784,38 @@ function Jf({ density: e = "comfortable", ...t }) {
|
|
|
5776
5784
|
})
|
|
5777
5785
|
});
|
|
5778
5786
|
}
|
|
5779
|
-
|
|
5780
|
-
function
|
|
5787
|
+
Yf.displayName = "Table.Root";
|
|
5788
|
+
function Xf(e) {
|
|
5781
5789
|
return /* @__PURE__ */ x("thead", {
|
|
5782
5790
|
...e,
|
|
5783
5791
|
"data-imf-ui-component": "Table.Header",
|
|
5784
5792
|
className: Rf({ className: e.className })
|
|
5785
5793
|
});
|
|
5786
5794
|
}
|
|
5787
|
-
|
|
5788
|
-
function
|
|
5795
|
+
Xf.displayName = "Table.Header";
|
|
5796
|
+
function Zf(e) {
|
|
5789
5797
|
return /* @__PURE__ */ x("tbody", {
|
|
5790
5798
|
...e,
|
|
5791
5799
|
"data-imf-ui-component": "Table.Body",
|
|
5792
5800
|
className: zf({ className: e.className })
|
|
5793
5801
|
});
|
|
5794
5802
|
}
|
|
5795
|
-
|
|
5796
|
-
|
|
5797
|
-
|
|
5798
|
-
|
|
5799
|
-
|
|
5800
|
-
|
|
5803
|
+
Zf.displayName = "Table.Body";
|
|
5804
|
+
var Qf = Qe(!1);
|
|
5805
|
+
function $f({ disabled: e = !1, ...t }) {
|
|
5806
|
+
return /* @__PURE__ */ x(Qf.Provider, {
|
|
5807
|
+
value: e,
|
|
5808
|
+
children: /* @__PURE__ */ x("tr", {
|
|
5809
|
+
...t,
|
|
5810
|
+
"data-imf-ui-component": "Table.Row",
|
|
5811
|
+
"data-disabled": e || void 0,
|
|
5812
|
+
"aria-disabled": e || void 0,
|
|
5813
|
+
className: Bf({ className: t.className })
|
|
5814
|
+
})
|
|
5801
5815
|
});
|
|
5802
5816
|
}
|
|
5803
|
-
|
|
5804
|
-
function
|
|
5817
|
+
$f.displayName = "Table.Row";
|
|
5818
|
+
function ep({ action: e = !1, ...t }) {
|
|
5805
5819
|
return /* @__PURE__ */ x("th", {
|
|
5806
5820
|
...t,
|
|
5807
5821
|
"data-imf-ui-component": "Table.HeaderCell",
|
|
@@ -5811,8 +5825,8 @@ function Qf({ action: e = !1, ...t }) {
|
|
|
5811
5825
|
})
|
|
5812
5826
|
});
|
|
5813
5827
|
}
|
|
5814
|
-
|
|
5815
|
-
function
|
|
5828
|
+
ep.displayName = "Table.HeaderCell";
|
|
5829
|
+
function tp({ action: e = !1, ...t }) {
|
|
5816
5830
|
return /* @__PURE__ */ x("td", {
|
|
5817
5831
|
...t,
|
|
5818
5832
|
"data-imf-ui-component": "Table.Cell",
|
|
@@ -5822,46 +5836,58 @@ function $f({ action: e = !1, ...t }) {
|
|
|
5822
5836
|
})
|
|
5823
5837
|
});
|
|
5824
5838
|
}
|
|
5825
|
-
|
|
5826
|
-
function
|
|
5839
|
+
tp.displayName = "Table.Cell";
|
|
5840
|
+
function np({ render: e, ...t }) {
|
|
5841
|
+
let n = C(Qf);
|
|
5827
5842
|
return D({
|
|
5828
5843
|
defaultTagName: "a",
|
|
5829
5844
|
render: e,
|
|
5830
5845
|
props: {
|
|
5831
|
-
...O(t, {
|
|
5846
|
+
...O(t, {
|
|
5847
|
+
className: Wf(),
|
|
5848
|
+
onClick: (e) => {
|
|
5849
|
+
n && e.preventDefault();
|
|
5850
|
+
}
|
|
5851
|
+
}),
|
|
5852
|
+
...n && {
|
|
5853
|
+
"aria-disabled": !0,
|
|
5854
|
+
tabIndex: -1
|
|
5855
|
+
},
|
|
5832
5856
|
"data-imf-ui-component": "Table.RowLink"
|
|
5833
5857
|
}
|
|
5834
5858
|
});
|
|
5835
5859
|
}
|
|
5836
|
-
|
|
5837
|
-
function
|
|
5860
|
+
np.displayName = "Table.RowLink";
|
|
5861
|
+
function rp({ render: e, type: t = "button", ...n }) {
|
|
5862
|
+
let r = C(Qf);
|
|
5838
5863
|
return D({
|
|
5839
5864
|
defaultTagName: "button",
|
|
5840
5865
|
render: e,
|
|
5841
5866
|
props: {
|
|
5842
|
-
...O(n, { className:
|
|
5867
|
+
...O(n, { className: Kf() }),
|
|
5843
5868
|
type: t,
|
|
5869
|
+
...r && { disabled: !0 },
|
|
5844
5870
|
"data-imf-ui-component": "Table.RowButton"
|
|
5845
5871
|
}
|
|
5846
5872
|
});
|
|
5847
5873
|
}
|
|
5848
|
-
|
|
5849
|
-
function
|
|
5874
|
+
rp.displayName = "Table.RowButton";
|
|
5875
|
+
function ip({ type: e = "button", ...t }) {
|
|
5850
5876
|
return /* @__PURE__ */ x("button", {
|
|
5851
5877
|
...t,
|
|
5852
5878
|
type: e,
|
|
5853
5879
|
"data-imf-ui-component": "Table.HeaderButton",
|
|
5854
|
-
className:
|
|
5880
|
+
className: qf({ className: t.className })
|
|
5855
5881
|
});
|
|
5856
5882
|
}
|
|
5857
|
-
|
|
5858
|
-
function
|
|
5883
|
+
ip.displayName = "Table.HeaderButton";
|
|
5884
|
+
function ap(e) {
|
|
5859
5885
|
return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
|
|
5860
5886
|
}
|
|
5861
|
-
function
|
|
5887
|
+
function op({ sorted: e }) {
|
|
5862
5888
|
let n = e === "asc" ? ne : e === "desc" ? t : l;
|
|
5863
5889
|
return /* @__PURE__ */ x("span", {
|
|
5864
|
-
className:
|
|
5890
|
+
className: Jf(),
|
|
5865
5891
|
"data-sorted": e || void 0,
|
|
5866
5892
|
"aria-hidden": !0,
|
|
5867
5893
|
children: /* @__PURE__ */ x(c, {
|
|
@@ -5871,41 +5897,103 @@ function ip({ sorted: e }) {
|
|
|
5871
5897
|
})
|
|
5872
5898
|
});
|
|
5873
5899
|
}
|
|
5874
|
-
function
|
|
5875
|
-
return t ? /* @__PURE__ */ x(
|
|
5900
|
+
function sp({ sortDirection: e, onToggle: t, children: n, ...r }) {
|
|
5901
|
+
return t ? /* @__PURE__ */ x(ep, {
|
|
5876
5902
|
...r,
|
|
5877
|
-
"aria-sort":
|
|
5878
|
-
children: /* @__PURE__ */ S(
|
|
5903
|
+
"aria-sort": ap(e),
|
|
5904
|
+
children: /* @__PURE__ */ S(ip, {
|
|
5879
5905
|
onClick: t,
|
|
5880
|
-
children: [n, /* @__PURE__ */ x(
|
|
5906
|
+
children: [n, /* @__PURE__ */ x(op, { sorted: e })]
|
|
5881
5907
|
})
|
|
5882
|
-
}) : /* @__PURE__ */ x(
|
|
5908
|
+
}) : /* @__PURE__ */ x(ep, {
|
|
5883
5909
|
...r,
|
|
5884
5910
|
children: n
|
|
5885
5911
|
});
|
|
5886
5912
|
}
|
|
5887
|
-
|
|
5913
|
+
sp.displayName = "Table.SortableHeaderCell";
|
|
5914
|
+
function cp({ className: e, disabled: t, ...n }) {
|
|
5915
|
+
let r = C(Qf);
|
|
5916
|
+
return /* @__PURE__ */ x("td", {
|
|
5917
|
+
"data-imf-ui-component": "Table.SelectCell",
|
|
5918
|
+
className: Uf({
|
|
5919
|
+
action: !0,
|
|
5920
|
+
className: e
|
|
5921
|
+
}),
|
|
5922
|
+
children: /* @__PURE__ */ x(Jn, {
|
|
5923
|
+
...n,
|
|
5924
|
+
disabled: t ?? r,
|
|
5925
|
+
children: /* @__PURE__ */ x(Yn, {})
|
|
5926
|
+
})
|
|
5927
|
+
});
|
|
5928
|
+
}
|
|
5929
|
+
cp.displayName = "Table.SelectCell";
|
|
5930
|
+
function lp({ className: e, colSpan: t, children: n, label: r = "Select all", disabled: i, ...a }) {
|
|
5931
|
+
let o = C(Qf);
|
|
5932
|
+
return /* @__PURE__ */ x("th", {
|
|
5933
|
+
colSpan: t,
|
|
5934
|
+
"data-imf-ui-component": "Table.SelectAllCell",
|
|
5935
|
+
className: Hf({
|
|
5936
|
+
action: !0,
|
|
5937
|
+
className: e
|
|
5938
|
+
}),
|
|
5939
|
+
children: /* @__PURE__ */ S("label", {
|
|
5940
|
+
className: Z.selectAllLabel,
|
|
5941
|
+
children: [
|
|
5942
|
+
/* @__PURE__ */ x(Jn, {
|
|
5943
|
+
...a,
|
|
5944
|
+
disabled: i ?? o,
|
|
5945
|
+
children: /* @__PURE__ */ x(Yn, {})
|
|
5946
|
+
}),
|
|
5947
|
+
/* @__PURE__ */ x("span", {
|
|
5948
|
+
className: Z.visuallyHidden,
|
|
5949
|
+
children: r
|
|
5950
|
+
}),
|
|
5951
|
+
/* @__PURE__ */ x("span", {
|
|
5952
|
+
className: Z.counter,
|
|
5953
|
+
children: n
|
|
5954
|
+
})
|
|
5955
|
+
]
|
|
5956
|
+
})
|
|
5957
|
+
});
|
|
5958
|
+
}
|
|
5959
|
+
lp.displayName = "Table.SelectAllCell";
|
|
5960
|
+
function up({ colSpan: e, children: t, ...n }) {
|
|
5961
|
+
return /* @__PURE__ */ x("tr", {
|
|
5962
|
+
...n,
|
|
5963
|
+
"data-imf-ui-component": "Table.EmptyRow",
|
|
5964
|
+
children: /* @__PURE__ */ x("td", {
|
|
5965
|
+
colSpan: e,
|
|
5966
|
+
className: Gf(),
|
|
5967
|
+
children: /* @__PURE__ */ x("div", {
|
|
5968
|
+
className: Z.emptyContent,
|
|
5969
|
+
children: t
|
|
5970
|
+
})
|
|
5971
|
+
})
|
|
5972
|
+
});
|
|
5973
|
+
}
|
|
5974
|
+
up.displayName = "Table.EmptyRow";
|
|
5888
5975
|
//#endregion
|
|
5889
5976
|
//#region src/components/table/table.meta.ts
|
|
5890
|
-
var
|
|
5977
|
+
var dp = {
|
|
5891
5978
|
name: "Table",
|
|
5892
5979
|
category: g.display,
|
|
5893
5980
|
status: "stable",
|
|
5894
|
-
description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting
|
|
5895
|
-
origin: "native"
|
|
5896
|
-
|
|
5897
|
-
|
|
5898
|
-
|
|
5899
|
-
|
|
5900
|
-
|
|
5981
|
+
description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting or pagination.",
|
|
5982
|
+
origin: "native",
|
|
5983
|
+
internalDependencies: ["Checkbox"]
|
|
5984
|
+
}, fp = { root: "imf-ui-tab-nav-module-root" }, pp = /* @__PURE__ */ e({
|
|
5985
|
+
Item: () => gp,
|
|
5986
|
+
Root: () => hp
|
|
5987
|
+
}), mp = y(b(fp.root, He()));
|
|
5988
|
+
function hp(e) {
|
|
5901
5989
|
return /* @__PURE__ */ x("nav", {
|
|
5902
5990
|
...e,
|
|
5903
5991
|
"data-imf-ui-component": "TabNav.Root",
|
|
5904
|
-
className:
|
|
5992
|
+
className: mp({ className: e.className })
|
|
5905
5993
|
});
|
|
5906
5994
|
}
|
|
5907
|
-
|
|
5908
|
-
function
|
|
5995
|
+
hp.displayName = "TabNav.Root";
|
|
5996
|
+
function gp({ current: e = !1, render: t, ...n }) {
|
|
5909
5997
|
return D({
|
|
5910
5998
|
defaultTagName: "a",
|
|
5911
5999
|
render: t,
|
|
@@ -5917,17 +6005,17 @@ function dp({ current: e = !1, render: t, ...n }) {
|
|
|
5917
6005
|
}
|
|
5918
6006
|
});
|
|
5919
6007
|
}
|
|
5920
|
-
|
|
6008
|
+
gp.displayName = "TabNav.Item";
|
|
5921
6009
|
//#endregion
|
|
5922
6010
|
//#region src/components/tab-nav/tab-nav.meta.ts
|
|
5923
|
-
var
|
|
6011
|
+
var _p = {
|
|
5924
6012
|
name: "TabNav",
|
|
5925
6013
|
category: g.display,
|
|
5926
6014
|
status: "experimental",
|
|
5927
6015
|
description: "Row of links to routes with a bar under the current one, such as the sections of a project. Also called route tabs or link tabs; use Tabs to switch panels on one page.",
|
|
5928
6016
|
origin: "native",
|
|
5929
6017
|
internalDependencies: ["Tabs"]
|
|
5930
|
-
},
|
|
6018
|
+
}, vp = {
|
|
5931
6019
|
name: "Tabs",
|
|
5932
6020
|
category: g.display,
|
|
5933
6021
|
status: "stable",
|
|
@@ -5965,21 +6053,21 @@ var fp = {
|
|
|
5965
6053
|
widthContent: "imf-ui-toast-module-widthContent",
|
|
5966
6054
|
widthDefault: "imf-ui-toast-module-widthDefault",
|
|
5967
6055
|
widthWide: "imf-ui-toast-module-widthWide"
|
|
5968
|
-
},
|
|
5969
|
-
Action: () =>
|
|
5970
|
-
Arrow: () =>
|
|
5971
|
-
Close: () =>
|
|
5972
|
-
Content: () =>
|
|
5973
|
-
Description: () =>
|
|
5974
|
-
Portal: () =>
|
|
5975
|
-
Positioner: () =>
|
|
5976
|
-
Provider: () =>
|
|
5977
|
-
Root: () =>
|
|
5978
|
-
Title: () =>
|
|
5979
|
-
Viewport: () =>
|
|
5980
|
-
createToastManager: () =>
|
|
5981
|
-
useToastManager: () =>
|
|
5982
|
-
}),
|
|
6056
|
+
}, yp = /* @__PURE__ */ e({
|
|
6057
|
+
Action: () => Bp,
|
|
6058
|
+
Arrow: () => Hp,
|
|
6059
|
+
Close: () => zp,
|
|
6060
|
+
Content: () => Ip,
|
|
6061
|
+
Description: () => Rp,
|
|
6062
|
+
Portal: () => Np,
|
|
6063
|
+
Positioner: () => Vp,
|
|
6064
|
+
Provider: () => Mp,
|
|
6065
|
+
Root: () => Fp,
|
|
6066
|
+
Title: () => Lp,
|
|
6067
|
+
Viewport: () => Pp,
|
|
6068
|
+
createToastManager: () => jp,
|
|
6069
|
+
useToastManager: () => Ap
|
|
6070
|
+
}), bp = y(Q.portal), xp = y(Q.viewport, {
|
|
5983
6071
|
variants: {
|
|
5984
6072
|
position: {
|
|
5985
6073
|
"top-left": Q.positionTopLeft,
|
|
@@ -6000,7 +6088,7 @@ var fp = {
|
|
|
6000
6088
|
position: "bottom-center",
|
|
6001
6089
|
width: "default"
|
|
6002
6090
|
}
|
|
6003
|
-
}),
|
|
6091
|
+
}), Sp = y(Q.root, {
|
|
6004
6092
|
variants: { variant: {
|
|
6005
6093
|
neutral: null,
|
|
6006
6094
|
info: Q.variantInfo,
|
|
@@ -6009,105 +6097,105 @@ var fp = {
|
|
|
6009
6097
|
error: Q.variantError
|
|
6010
6098
|
} },
|
|
6011
6099
|
defaultVariants: { variant: "neutral" }
|
|
6012
|
-
}),
|
|
6013
|
-
function
|
|
6100
|
+
}), Cp = y(Q.content), wp = y(Q.title), Tp = y(Q.description), Ep = y(Q.close), Dp = y(Q.action), Op = y(Q.positioner), kp = y(Q.arrow), Ap = N.useToastManager, jp = N.createToastManager;
|
|
6101
|
+
function Mp({ timeout: e = 5e3, limit: t = 3, ...n }) {
|
|
6014
6102
|
return /* @__PURE__ */ x(N.Provider, {
|
|
6015
6103
|
...n,
|
|
6016
6104
|
timeout: e,
|
|
6017
6105
|
limit: t
|
|
6018
6106
|
});
|
|
6019
6107
|
}
|
|
6020
|
-
|
|
6021
|
-
function
|
|
6108
|
+
Mp.displayName = "Toast.Provider";
|
|
6109
|
+
function Np(e) {
|
|
6022
6110
|
return /* @__PURE__ */ x(N.Portal, {
|
|
6023
6111
|
...e,
|
|
6024
6112
|
"data-imf-ui-component": "Toast.Portal",
|
|
6025
|
-
className: (t) =>
|
|
6113
|
+
className: (t) => bp({ className: _(e.className, t) })
|
|
6026
6114
|
});
|
|
6027
6115
|
}
|
|
6028
|
-
|
|
6029
|
-
function
|
|
6116
|
+
Np.displayName = "Toast.Portal";
|
|
6117
|
+
function Pp({ position: e = "bottom-center", width: t = "default", ...n }) {
|
|
6030
6118
|
return /* @__PURE__ */ x(N.Viewport, {
|
|
6031
6119
|
...n,
|
|
6032
6120
|
"data-imf-ui-component": "Toast.Viewport",
|
|
6033
|
-
className: (r) =>
|
|
6121
|
+
className: (r) => xp({
|
|
6034
6122
|
position: e,
|
|
6035
6123
|
width: t,
|
|
6036
6124
|
className: _(n.className, r)
|
|
6037
6125
|
})
|
|
6038
6126
|
});
|
|
6039
6127
|
}
|
|
6040
|
-
|
|
6041
|
-
function
|
|
6128
|
+
Pp.displayName = "Toast.Viewport";
|
|
6129
|
+
function Fp({ variant: e = "neutral", ...t }) {
|
|
6042
6130
|
return /* @__PURE__ */ x(N.Root, {
|
|
6043
6131
|
...t,
|
|
6044
6132
|
"data-imf-ui-component": "Toast.Root",
|
|
6045
|
-
className: (n) =>
|
|
6133
|
+
className: (n) => Sp({
|
|
6046
6134
|
variant: e,
|
|
6047
6135
|
className: _(t.className, n)
|
|
6048
6136
|
})
|
|
6049
6137
|
});
|
|
6050
6138
|
}
|
|
6051
|
-
|
|
6052
|
-
function
|
|
6139
|
+
Fp.displayName = "Toast.Root";
|
|
6140
|
+
function Ip(e) {
|
|
6053
6141
|
return /* @__PURE__ */ x(N.Content, {
|
|
6054
6142
|
...e,
|
|
6055
6143
|
"data-imf-ui-component": "Toast.Content",
|
|
6056
|
-
className: (t) =>
|
|
6144
|
+
className: (t) => Cp({ className: _(e.className, t) })
|
|
6057
6145
|
});
|
|
6058
6146
|
}
|
|
6059
|
-
|
|
6060
|
-
function
|
|
6147
|
+
Ip.displayName = "Toast.Content";
|
|
6148
|
+
function Lp(e) {
|
|
6061
6149
|
return /* @__PURE__ */ x(N.Title, {
|
|
6062
6150
|
...e,
|
|
6063
6151
|
"data-imf-ui-component": "Toast.Title",
|
|
6064
|
-
className: (t) =>
|
|
6152
|
+
className: (t) => wp({ className: _(e.className, t) })
|
|
6065
6153
|
});
|
|
6066
6154
|
}
|
|
6067
|
-
|
|
6068
|
-
function
|
|
6155
|
+
Lp.displayName = "Toast.Title";
|
|
6156
|
+
function Rp(e) {
|
|
6069
6157
|
return /* @__PURE__ */ x(N.Description, {
|
|
6070
6158
|
...e,
|
|
6071
6159
|
"data-imf-ui-component": "Toast.Description",
|
|
6072
|
-
className: (t) =>
|
|
6160
|
+
className: (t) => Tp({ className: _(e.className, t) })
|
|
6073
6161
|
});
|
|
6074
6162
|
}
|
|
6075
|
-
|
|
6076
|
-
function
|
|
6163
|
+
Rp.displayName = "Toast.Description";
|
|
6164
|
+
function zp(e) {
|
|
6077
6165
|
return /* @__PURE__ */ x(N.Close, {
|
|
6078
6166
|
...e,
|
|
6079
6167
|
"data-imf-ui-component": "Toast.Close",
|
|
6080
|
-
className: (t) =>
|
|
6168
|
+
className: (t) => Ep({ className: _(e.className, t) })
|
|
6081
6169
|
});
|
|
6082
6170
|
}
|
|
6083
|
-
|
|
6084
|
-
function
|
|
6171
|
+
zp.displayName = "Toast.Close";
|
|
6172
|
+
function Bp(e) {
|
|
6085
6173
|
return /* @__PURE__ */ x(N.Action, {
|
|
6086
6174
|
...e,
|
|
6087
6175
|
"data-imf-ui-component": "Toast.Action",
|
|
6088
|
-
className: (t) =>
|
|
6176
|
+
className: (t) => Dp({ className: _(e.className, t) })
|
|
6089
6177
|
});
|
|
6090
6178
|
}
|
|
6091
|
-
|
|
6092
|
-
function
|
|
6179
|
+
Bp.displayName = "Toast.Action";
|
|
6180
|
+
function Vp(e) {
|
|
6093
6181
|
return /* @__PURE__ */ x(N.Positioner, {
|
|
6094
6182
|
...e,
|
|
6095
6183
|
"data-imf-ui-component": "Toast.Positioner",
|
|
6096
|
-
className: (t) =>
|
|
6184
|
+
className: (t) => Op({ className: _(e.className, t) })
|
|
6097
6185
|
});
|
|
6098
6186
|
}
|
|
6099
|
-
|
|
6100
|
-
function
|
|
6187
|
+
Vp.displayName = "Toast.Positioner";
|
|
6188
|
+
function Hp(e) {
|
|
6101
6189
|
return /* @__PURE__ */ x(N.Arrow, {
|
|
6102
6190
|
...e,
|
|
6103
6191
|
"data-imf-ui-component": "Toast.Arrow",
|
|
6104
|
-
className: (t) =>
|
|
6192
|
+
className: (t) => kp({ className: _(e.className, t) })
|
|
6105
6193
|
});
|
|
6106
6194
|
}
|
|
6107
|
-
|
|
6195
|
+
Hp.displayName = "Toast.Arrow";
|
|
6108
6196
|
//#endregion
|
|
6109
6197
|
//#region src/components/toast/toast.meta.ts
|
|
6110
|
-
var
|
|
6198
|
+
var Up = {
|
|
6111
6199
|
name: "Toast",
|
|
6112
6200
|
category: g.display,
|
|
6113
6201
|
status: "experimental",
|
|
@@ -6134,18 +6222,18 @@ var Rp = {
|
|
|
6134
6222
|
variantPrimary: "imf-ui-tooltip-module-variantPrimary",
|
|
6135
6223
|
variantSecondary: "imf-ui-tooltip-module-variantSecondary",
|
|
6136
6224
|
viewport: "imf-ui-tooltip-module-viewport"
|
|
6137
|
-
},
|
|
6138
|
-
Arrow: () =>
|
|
6139
|
-
Inline: () =>
|
|
6140
|
-
Popup: () =>
|
|
6141
|
-
Portal: () =>
|
|
6142
|
-
Positioner: () =>
|
|
6143
|
-
Provider: () =>
|
|
6144
|
-
Root: () =>
|
|
6145
|
-
Trigger: () =>
|
|
6146
|
-
Viewport: () =>
|
|
6147
|
-
createHandle: () =>
|
|
6148
|
-
}),
|
|
6225
|
+
}, Wp = /* @__PURE__ */ e({
|
|
6226
|
+
Arrow: () => rm,
|
|
6227
|
+
Inline: () => am,
|
|
6228
|
+
Popup: () => nm,
|
|
6229
|
+
Portal: () => em,
|
|
6230
|
+
Positioner: () => tm,
|
|
6231
|
+
Provider: () => Zp,
|
|
6232
|
+
Root: () => Qp,
|
|
6233
|
+
Trigger: () => $p,
|
|
6234
|
+
Viewport: () => im,
|
|
6235
|
+
createHandle: () => Xp
|
|
6236
|
+
}), Gp = y($.trigger, { variants: {
|
|
6149
6237
|
variant: {
|
|
6150
6238
|
primary: $.variantPrimary,
|
|
6151
6239
|
secondary: $.variantSecondary,
|
|
@@ -6153,88 +6241,88 @@ var Rp = {
|
|
|
6153
6241
|
negative: $.variantNegative
|
|
6154
6242
|
},
|
|
6155
6243
|
inline: { true: $.triggerInline }
|
|
6156
|
-
} }),
|
|
6244
|
+
} }), Kp = y($.positioner), qp = y($.popup, { variants: { variant: {
|
|
6157
6245
|
primary: $.popupVariantPrimary,
|
|
6158
6246
|
secondary: $.popupVariantSecondary,
|
|
6159
6247
|
positive: $.popupVariantPositive,
|
|
6160
6248
|
negative: $.popupVariantNegative
|
|
6161
|
-
} } }),
|
|
6162
|
-
function
|
|
6249
|
+
} } }), Jp = y($.arrow), Yp = y($.viewport), Xp = bt.createHandle;
|
|
6250
|
+
function Zp(e) {
|
|
6163
6251
|
return /* @__PURE__ */ x(bt.Provider, { ...e });
|
|
6164
6252
|
}
|
|
6165
|
-
|
|
6166
|
-
function
|
|
6253
|
+
Zp.displayName = "Tooltip.Provider";
|
|
6254
|
+
function Qp(e) {
|
|
6167
6255
|
return /* @__PURE__ */ x(bt.Root, { ...e });
|
|
6168
6256
|
}
|
|
6169
|
-
|
|
6170
|
-
function
|
|
6257
|
+
Qp.displayName = "Tooltip.Root";
|
|
6258
|
+
function $p({ variant: e = "secondary", inline: t = !1, delay: n = 250, ...r }) {
|
|
6171
6259
|
return /* @__PURE__ */ x(bt.Trigger, {
|
|
6172
6260
|
...r,
|
|
6173
6261
|
delay: n,
|
|
6174
6262
|
"data-imf-ui-component": "Tooltip.Trigger",
|
|
6175
|
-
className: (n) =>
|
|
6263
|
+
className: (n) => Gp({
|
|
6176
6264
|
variant: e,
|
|
6177
6265
|
inline: t,
|
|
6178
6266
|
className: _(r.className, n)
|
|
6179
6267
|
})
|
|
6180
6268
|
});
|
|
6181
6269
|
}
|
|
6182
|
-
|
|
6183
|
-
function
|
|
6270
|
+
$p.displayName = "Tooltip.Trigger";
|
|
6271
|
+
function em(e) {
|
|
6184
6272
|
return /* @__PURE__ */ x(bt.Portal, { ...e });
|
|
6185
6273
|
}
|
|
6186
|
-
|
|
6187
|
-
function
|
|
6274
|
+
em.displayName = "Tooltip.Portal";
|
|
6275
|
+
function tm({ sideOffset: e = 13, ...t }) {
|
|
6188
6276
|
return /* @__PURE__ */ x(bt.Positioner, {
|
|
6189
6277
|
...t,
|
|
6190
6278
|
sideOffset: e,
|
|
6191
6279
|
"data-imf-ui-component": "Tooltip.Positioner",
|
|
6192
|
-
className: (e) =>
|
|
6280
|
+
className: (e) => Kp({ className: _(t.className, e) })
|
|
6193
6281
|
});
|
|
6194
6282
|
}
|
|
6195
|
-
|
|
6196
|
-
function
|
|
6283
|
+
tm.displayName = "Tooltip.Positioner";
|
|
6284
|
+
function nm({ variant: e, ...t }) {
|
|
6197
6285
|
return /* @__PURE__ */ x(bt.Popup, {
|
|
6198
6286
|
...t,
|
|
6199
6287
|
"data-imf-ui-component": "Tooltip.Popup",
|
|
6200
|
-
className: (n) =>
|
|
6288
|
+
className: (n) => qp({
|
|
6201
6289
|
variant: e,
|
|
6202
6290
|
className: _(t.className, n)
|
|
6203
6291
|
})
|
|
6204
6292
|
});
|
|
6205
6293
|
}
|
|
6206
|
-
|
|
6207
|
-
function
|
|
6294
|
+
nm.displayName = "Tooltip.Popup";
|
|
6295
|
+
function rm(e) {
|
|
6208
6296
|
return /* @__PURE__ */ x(bt.Arrow, {
|
|
6209
6297
|
...e,
|
|
6210
6298
|
"data-imf-ui-component": "Tooltip.Arrow",
|
|
6211
|
-
className: (t) =>
|
|
6299
|
+
className: (t) => Jp({ className: _(e.className, t) })
|
|
6212
6300
|
});
|
|
6213
6301
|
}
|
|
6214
|
-
|
|
6215
|
-
function
|
|
6302
|
+
rm.displayName = "Tooltip.Arrow";
|
|
6303
|
+
function im(e) {
|
|
6216
6304
|
return /* @__PURE__ */ x(bt.Viewport, {
|
|
6217
6305
|
...e,
|
|
6218
6306
|
"data-imf-ui-component": "Tooltip.Viewport",
|
|
6219
|
-
className: (t) =>
|
|
6307
|
+
className: (t) => Yp({ className: _(e.className, t) })
|
|
6220
6308
|
});
|
|
6221
6309
|
}
|
|
6222
|
-
|
|
6223
|
-
function
|
|
6224
|
-
return /* @__PURE__ */ S(
|
|
6310
|
+
im.displayName = "Tooltip.Viewport";
|
|
6311
|
+
function am({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
|
|
6312
|
+
return /* @__PURE__ */ S(Qp, { children: [/* @__PURE__ */ x($p, {
|
|
6225
6313
|
inline: !0,
|
|
6226
6314
|
delay: n,
|
|
6227
6315
|
children: e
|
|
6228
|
-
}), /* @__PURE__ */ x(
|
|
6316
|
+
}), /* @__PURE__ */ x(em, { children: /* @__PURE__ */ x(tm, {
|
|
6229
6317
|
side: r,
|
|
6230
6318
|
sideOffset: i,
|
|
6231
|
-
children: /* @__PURE__ */ x(
|
|
6319
|
+
children: /* @__PURE__ */ x(nm, { children: t })
|
|
6232
6320
|
}) })] });
|
|
6233
6321
|
}
|
|
6234
|
-
|
|
6322
|
+
am.displayName = "Tooltip.Inline";
|
|
6235
6323
|
//#endregion
|
|
6236
6324
|
//#region src/components/tooltip/tooltip.meta.ts
|
|
6237
|
-
var
|
|
6325
|
+
var om = {
|
|
6238
6326
|
name: "Tooltip",
|
|
6239
6327
|
category: g.display,
|
|
6240
6328
|
status: "stable",
|
|
@@ -6249,7 +6337,7 @@ var tm = {
|
|
|
6249
6337
|
};
|
|
6250
6338
|
//#endregion
|
|
6251
6339
|
//#region src/icons/icon-config.tsx
|
|
6252
|
-
function
|
|
6340
|
+
function sm({ children: e, value: t }) {
|
|
6253
6341
|
let n = {
|
|
6254
6342
|
...C(ie),
|
|
6255
6343
|
...t
|
|
@@ -6259,35 +6347,35 @@ function nm({ children: e, value: t }) {
|
|
|
6259
6347
|
children: e
|
|
6260
6348
|
});
|
|
6261
6349
|
}
|
|
6262
|
-
|
|
6350
|
+
sm.displayName = "IconConfig.Provider";
|
|
6263
6351
|
//#endregion
|
|
6264
6352
|
//#region src/provider/web-ui-provider.tsx
|
|
6265
|
-
function
|
|
6266
|
-
return cr({ value: n }), /* @__PURE__ */ x(
|
|
6353
|
+
function cm({ children: e, icons: t, colorScheme: n }) {
|
|
6354
|
+
return cr({ value: n }), /* @__PURE__ */ x(sm, {
|
|
6267
6355
|
value: t,
|
|
6268
|
-
children: /* @__PURE__ */ S(
|
|
6356
|
+
children: /* @__PURE__ */ S(Mp, { children: [e, " "] })
|
|
6269
6357
|
});
|
|
6270
6358
|
}
|
|
6271
6359
|
//#endregion
|
|
6272
6360
|
//#region src/utils/initials.ts
|
|
6273
|
-
function
|
|
6361
|
+
function lm(e) {
|
|
6274
6362
|
let t = e.filter(Boolean);
|
|
6275
6363
|
return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toLocaleUpperCase() : t.slice(0, 2).map((e) => e.charAt(0)).join("").toLocaleUpperCase();
|
|
6276
6364
|
}
|
|
6277
|
-
function
|
|
6278
|
-
return
|
|
6365
|
+
function um(e) {
|
|
6366
|
+
return lm(e.trim().split(/\s+/));
|
|
6279
6367
|
}
|
|
6280
6368
|
//#endregion
|
|
6281
6369
|
//#region src/utils/email.ts
|
|
6282
|
-
function
|
|
6370
|
+
function dm(e) {
|
|
6283
6371
|
let t = e.lastIndexOf("@");
|
|
6284
6372
|
return t <= 0 || t === e.length - 1 ? { local: e } : {
|
|
6285
6373
|
local: e.slice(0, t),
|
|
6286
6374
|
domain: e.slice(t + 1)
|
|
6287
6375
|
};
|
|
6288
6376
|
}
|
|
6289
|
-
function
|
|
6290
|
-
return
|
|
6377
|
+
function fm(e) {
|
|
6378
|
+
return lm(dm(e).local.split(/[._-]+/));
|
|
6291
6379
|
}
|
|
6292
6380
|
//#endregion
|
|
6293
|
-
export { su as AccountCard, sc as AppShell, yn as Autocomplete, $l as Avatar, ye as Button, gi as Callout, Ti as Card, qn as Checkbox, yu as Chip, Ct as ChipLink, Ce as Code, Su as Collapsible, dr as ColorSchemeToggle, pr as Combobox, g as ComponentCategories, Dt as CopyButton, Vc as Dialog, hs as Drawer, qr as Field, li as Fieldset, Ba as FileDropZone, c as Icon, be as IconButton, Xs as ImFusionLogo, ju as Image, oo as Input, de as Kbd, Gs as Logo, Ku as Menu, Pu as Meter, _f as NavigationMenu, co as NumberField, bl as Popover, rc as ProductLogo, Ii as Progress, ql as Prose, jt as RichLink, Ae as Row, Me as ScrollArea, Do as Select, We as Separator, bf as Skeleton, ze as Slider, Pf as Spinner, ke as Stack, Ve as Switch,
|
|
6381
|
+
export { su as AccountCard, sc as AppShell, yn as Autocomplete, $l as Avatar, ye as Button, gi as Callout, Ti as Card, qn as Checkbox, yu as Chip, Ct as ChipLink, Ce as Code, Su as Collapsible, dr as ColorSchemeToggle, pr as Combobox, g as ComponentCategories, Dt as CopyButton, Vc as Dialog, hs as Drawer, qr as Field, li as Fieldset, Ba as FileDropZone, c as Icon, be as IconButton, Xs as ImFusionLogo, ju as Image, oo as Input, de as Kbd, Gs as Logo, Ku as Menu, Pu as Meter, _f as NavigationMenu, co as NumberField, bl as Popover, rc as ProductLogo, Ii as Progress, ql as Prose, jt as RichLink, Ae as Row, Me as ScrollArea, Do as Select, We as Separator, bf as Skeleton, ze as Slider, Pf as Spinner, ke as Stack, Ve as Switch, pp as TabNav, If as Table, Ue as Tabs, ds as Textarea, yp as Toast, pe as Toggle, me as ToggleGroup, Wp as Tooltip, Yi as Typo, cm as WebUIProvider, _u as accountCardMeta, Bc as appShellMeta, Kn as autocompleteMeta, vu as avatarMeta, xe as buttonMeta, wi as calloutMeta, Pi as cardMeta, Xn as checkboxMeta, wt as chipLinkMeta, bu as chipMeta, Ee as codeMeta, ku as collapsibleMeta, fr as colorSchemeToggleMeta, Gr as comboboxMeta, Qn as config, Ot as copyButtonMeta, Ke as cva, qe as cx, yl as dialogMeta, Us as drawerMeta, si as fieldMeta, mi as fieldsetMeta, ro as fileDropZoneMeta, Se as iconButtonMeta, te as iconMeta, Mu as imageMeta, fm as initialsFromEmail, um as initialsFromName, so as inputMeta, fe as kbdMeta, Ks as logoMeta, Ad as menuMeta, Gu as meterMeta, ms as minWidth, vf as navigationMenuMeta, Eo as numberFieldMeta, Gl as popoverMeta, qi as progressMeta, Jl as proseMeta, Mt as richLinkMeta, Yl as rowMeta, Xl as scrollAreaMeta, ss as selectMeta, Zl as separatorMeta, Df as skeletonMeta, cs as sliderMeta, Ff as spinnerMeta, dm as splitEmail, Ji as stackMeta, ls as switchMeta, _p as tabNavMeta, dp as tableMeta, vp as tabsMeta, fs as textareaMeta, Up as toastMeta, Oe as toggleGroupMeta, De as toggleMeta, om as tooltipMeta, ma as typoMeta, we as useClipboard, cr as useColorScheme, ic as useDisclosure, oc as useMediaQuery, au as withBreakHints };
|