highsoft-ui 1.0.159 → 1.0.160
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/CLAUDE.md +3 -2
- package/dist/{CodeBlock-Ds79AzEX.js → CodeBlock-BkSyiiCb.js} +1 -1
- package/dist/{Dropdown-D3AnhPYO.js → Dropdown-8bjCO1Lx.js} +1 -1
- package/dist/{Footer-DDj7XStD.js → Footer-DVZIe2ax.js} +4 -4
- package/dist/{FooterHelp-CnoweyYC.js → FooterHelp-Dlnj0dUF.js} +1 -1
- package/dist/{FooterLinks-BCr9brR3.js → FooterLinks-BAdqoexV.js} +1 -1
- package/dist/{FrameworkIcon-D7N3PjYr.js → FrameworkIcon-B8GmMx0r.js} +13 -8
- package/dist/{Icon-VeXJMj8Q.js → Icon-DJTgdvsG.js} +9 -4
- package/dist/{NewsletterSignup-Bk0SU1NB.js → NewsletterSignup-BP3AxNHH.js} +1 -1
- package/dist/{ProductIcon-CKtF7AWy.js → ProductIcon-C5yvnjHr.js} +13 -8
- package/dist/{SearchDropdown-BetSrTgQ.js → SearchDropdown-fcfDUjOp.js} +1 -1
- package/dist/{VideoCover-B59ykzJi.js → VideoCover-BXIkxFuT.js} +1 -1
- package/dist/{VideoPlayer-ChyiZ0sK.js → VideoPlayer-BB8jVMa5.js} +1 -1
- package/dist/{VideoPlayerModal-D6ze_Evt.js → VideoPlayerModal-fnAUwVMI.js} +1 -1
- package/dist/{YoutubeModal-CXwczXZa.js → YoutubeModal-C3rfaDki.js} +2 -2
- package/dist/components/CodeBlock/index.js +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Footer/FooterHelp.js +1 -1
- package/dist/components/Footer/FooterLinks.js +1 -1
- package/dist/components/Footer/YoutubeModal.js +1 -1
- package/dist/components/Footer/index.js +1 -1
- package/dist/components/FrameworkIcon/index.js +1 -1
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/NewsletterSignup/index.js +1 -1
- package/dist/components/ProductIcon/index.js +1 -1
- package/dist/components/SearchDropdown/index.js +1 -1
- package/dist/components/Sidebar/NavDisclosure.js +1 -1
- package/dist/components/Sidebar/NavGroup.js +1 -1
- package/dist/components/Sidebar/Sidebar.js +1 -1
- package/dist/components/VideoCover/index.js +1 -1
- package/dist/components/VideoPlayer/VideoPlayerModal.js +1 -1
- package/dist/components/VideoPlayer/index.js +1 -1
- package/dist/lib/components/FrameworkIcon/index.d.ts +1 -1
- package/dist/lib/components/Icon/index.d.ts +1 -1
- package/dist/lib/components/ProductIcon/index.d.ts +1 -1
- package/dist/main.js +11 -11
- package/package.json +1 -1
package/CLAUDE.md
CHANGED
|
@@ -258,6 +258,7 @@ import { ChevronRight } from '@untitled-ui/icons-react'
|
|
|
258
258
|
```
|
|
259
259
|
- **`name`:** the icon component from `@untitled-ui/icons-react`
|
|
260
260
|
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72` — each maps to a stroke width (16 → 1.33, 20 → 1.67, 24 → 2), which is what keeps icons visually consistent at different sizes
|
|
261
|
+
- The size is applied as an **inline style on the `<svg>`**, not just attributes — so ancestor rules like Button/Label's `svg { width: … }` (or app-global svg CSS) can't shrink the icon out from under its wrapper.
|
|
261
262
|
- Icons passed to `Button`/`Label` via `iconLeft`/`iconRight` don't need this — those components size raw SVG children themselves.
|
|
262
263
|
|
|
263
264
|
### FrameworkIcon
|
|
@@ -269,7 +270,7 @@ Language, framework and platform brand icons in two themes.
|
|
|
269
270
|
```
|
|
270
271
|
- **`icon`:** `javascript`, `typescript`, `react`, `vue`, `angular`, `python`, `swift`, `android`, `html`, `css`, `dotnet`, `figma`, `flutter`
|
|
271
272
|
- **`theme`:** `multi` (default, full brand color) | `monochrome` (single tone via `currentColor`)
|
|
272
|
-
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72`
|
|
273
|
+
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72` — applied as an inline style on the `<svg>` as well as the wrapper, so ancestor `svg { width: … }` rules (Button, Label, app CSS) can't override it
|
|
273
274
|
- **`box`:** wraps the icon in a shell + inner tile with a hover lift; the shell background reads `--hsui-icon-box-bg` so a parent (e.g. a selected `RadioBox`) can retint it without a prop
|
|
274
275
|
|
|
275
276
|
**Monochrome icons must be a single `currentColor` path with the glyph knocked out** — never a colored silhouette with a second `fill="white"` letterform on top. A hardcoded white letterform only survives on a white surface: it disappears on `--HS-surface-ui-background-50/100` and inverts wrongly in dark mode. Cutting the glyph out (reversed subpaths, or `fillRule="evenodd"`) lets whatever surface is behind the icon show through, so one path is correct on every background and in both themes.
|
|
@@ -293,7 +294,7 @@ Highcharts product and feature icons in four themes.
|
|
|
293
294
|
```
|
|
294
295
|
- **`icon`:** products `core`, `stock`, `maps`, `gantt`, `dashboards`, `grid`, `orbit`; plus feature/resource names like `demos`, `docs`, `API`, `changelog`, `roadmap`, `gpt`, `editor`, `export server`, `python`, `lab`, `support`, `custom projects`, `case studies`, `chart chooser`, `hca`, `a11y`, `edu license`, `license`, `ADV+`
|
|
295
296
|
- **`theme`:** `multi` (default, full color) | `monochrome` (brand duotone) | `grayscale` (neutral tones) | `line` (single-line art)
|
|
296
|
-
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72`
|
|
297
|
+
- **`size`:** `12` | `16` | `20` | `24` (default) | `32` | `40` | `52` | `64` | `72` — applied as an inline style on the `<svg>` as well as the wrapper, so ancestor `svg { width: … }` rules (Button, Label, app CSS) can't override it
|
|
297
298
|
- **`box`:** wraps the icon in a shell + inner tile with a hover lift; the shell background reads `--hsui-icon-box-bg` so a parent can retint it without a prop
|
|
298
299
|
|
|
299
300
|
**Every fill must be an `--icon-*` CSS variable, never a hex color** — `--icon-multicolor-*` (multi), `--icon-duotone-*` (monochrome), `--icon-monotone-mono-key-*` (grayscale), `--icon-single-line-color` (line), defined in `lib/scss/variables.scss` with a dark-mode remap. A hardcoded hex renders identically in both modes and breaks dark mode. Figma sometimes exports flattened hexes — swap them for the matching variable in the source SVG before generating.
|
|
@@ -2,7 +2,7 @@ import { r as e, s as t } from "./utils-K9S_6_Eq.js";
|
|
|
2
2
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { $ as r, q as i } from "./esm-LCYnNVvi.js";
|
|
4
4
|
import { t as a } from "./Button-CjxX21gW.js";
|
|
5
|
-
import { t as o } from "./FrameworkIcon-
|
|
5
|
+
import { t as o } from "./FrameworkIcon-B8GmMx0r.js";
|
|
6
6
|
import { Fragment as s, forwardRef as c, useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
|
|
7
7
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
8
8
|
var h = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { $ as t } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as n } from "./Icon-
|
|
3
|
+
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { _ as r, a as i, c as a, d as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, t as g, u as _, v, y } from "./es2015-DWa0ZZ7A.js";
|
|
5
5
|
import { a as ee, i as b, n as te, r as x, t as S } from "./dist-CE9LFbij.js";
|
|
6
6
|
import { a as C, i as w, n as T, r as ne, t as re } from "./dist-B04QoImH.js";
|
|
@@ -4,11 +4,11 @@ import { t as r } from "./Button-CjxX21gW.js";
|
|
|
4
4
|
import { t as i } from "./Container-BDssaLig.js";
|
|
5
5
|
import { t as a } from "./DiscordInvite-CLYxexdH.js";
|
|
6
6
|
import { t as o } from "./Logo-Bz0G2G-k.js";
|
|
7
|
-
import { t as s } from "./NewsletterSignup-
|
|
7
|
+
import { t as s } from "./NewsletterSignup-BP3AxNHH.js";
|
|
8
8
|
import { t as c } from "./FooterBottom-BV9xJbRt.js";
|
|
9
|
-
import { t as l } from "./FooterHelp-
|
|
10
|
-
import { t as u } from "./FooterLinks-
|
|
11
|
-
import { t as d } from "./YoutubeModal-
|
|
9
|
+
import { t as l } from "./FooterHelp-Dlnj0dUF.js";
|
|
10
|
+
import { t as u } from "./FooterLinks-BAdqoexV.js";
|
|
11
|
+
import { t as d } from "./YoutubeModal-C3rfaDki.js";
|
|
12
12
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
13
13
|
var m = {
|
|
14
14
|
discordCard: "_4W4F3q_discordCard",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as e, t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { d as n, g as r } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as i } from "./Icon-
|
|
3
|
+
import { t as i } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { o as a, r as o } from "./fa-B95RwBpz.js";
|
|
5
5
|
import { t as s } from "./Typography-AvvBRu-u.js";
|
|
6
6
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { I as t } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as n } from "./Icon-
|
|
3
|
+
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { t as i } from "./Label-DgPVoDMR.js";
|
|
6
6
|
import a from "./components/icons/MadeInNorway.js";
|
|
@@ -25,28 +25,33 @@ var i = {
|
|
|
25
25
|
multi: t,
|
|
26
26
|
monochrome: n
|
|
27
27
|
};
|
|
28
|
-
function s({ icon: t, theme: n = "multi", size: s = 24, box: c = !1, className: l,
|
|
29
|
-
let
|
|
30
|
-
if (!
|
|
31
|
-
let
|
|
28
|
+
function s({ icon: t, theme: n = "multi", size: s = 24, box: c = !1, className: l, style: u, ...d }) {
|
|
29
|
+
let f = a[t], p = o[n][f];
|
|
30
|
+
if (!p) return console.warn(`FrameworkIcon: No icon found for "${t}" with theme "${n}"`), null;
|
|
31
|
+
let m = /* @__PURE__ */ r("span", {
|
|
32
32
|
className: e("hsui-framework-icon", i.icon, l),
|
|
33
33
|
style: {
|
|
34
34
|
width: s,
|
|
35
35
|
height: s
|
|
36
36
|
},
|
|
37
|
-
children: /* @__PURE__ */ r(
|
|
37
|
+
children: /* @__PURE__ */ r(p, {
|
|
38
38
|
width: s,
|
|
39
39
|
height: s,
|
|
40
|
-
|
|
40
|
+
style: {
|
|
41
|
+
width: s,
|
|
42
|
+
height: s,
|
|
43
|
+
...u
|
|
44
|
+
},
|
|
45
|
+
...d
|
|
41
46
|
})
|
|
42
47
|
});
|
|
43
48
|
return c ? /* @__PURE__ */ r("span", {
|
|
44
49
|
className: i.boxOuter,
|
|
45
50
|
children: /* @__PURE__ */ r("span", {
|
|
46
51
|
className: i.boxInner,
|
|
47
|
-
children:
|
|
52
|
+
children: m
|
|
48
53
|
})
|
|
49
|
-
}) :
|
|
54
|
+
}) : m;
|
|
50
55
|
}
|
|
51
56
|
//#endregion
|
|
52
57
|
export { s as t };
|
|
@@ -11,8 +11,8 @@ var n = { icon: "_2G93rW_icon" }, r = {
|
|
|
11
11
|
64: 5.33,
|
|
12
12
|
72: 6
|
|
13
13
|
};
|
|
14
|
-
function i({ name: i, size: a = 24, className: o, strokeWidth: s,
|
|
15
|
-
let
|
|
14
|
+
function i({ name: i, size: a = 24, className: o, strokeWidth: s, style: c, ...l }) {
|
|
15
|
+
let u = s ?? r[a];
|
|
16
16
|
return /* @__PURE__ */ t("span", {
|
|
17
17
|
className: e("hsui-icon", n.icon, o),
|
|
18
18
|
style: {
|
|
@@ -22,8 +22,13 @@ function i({ name: i, size: a = 24, className: o, strokeWidth: s, ...c }) {
|
|
|
22
22
|
children: /* @__PURE__ */ t(i, {
|
|
23
23
|
width: a,
|
|
24
24
|
height: a,
|
|
25
|
-
strokeWidth:
|
|
26
|
-
|
|
25
|
+
strokeWidth: u,
|
|
26
|
+
style: {
|
|
27
|
+
width: a,
|
|
28
|
+
height: a,
|
|
29
|
+
...c
|
|
30
|
+
},
|
|
31
|
+
...l
|
|
27
32
|
})
|
|
28
33
|
});
|
|
29
34
|
}
|
|
@@ -2,7 +2,7 @@ import { l as e } from "./utils-K9S_6_Eq.js";
|
|
|
2
2
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { B as n, Q as r, at as i } from "./esm-LCYnNVvi.js";
|
|
4
4
|
import { t as a } from "./Button-CjxX21gW.js";
|
|
5
|
-
import { t as o } from "./Icon-
|
|
5
|
+
import { t as o } from "./Icon-DJTgdvsG.js";
|
|
6
6
|
import { t as s } from "./Link-CYR92_U0.js";
|
|
7
7
|
import { t as c } from "./InputSolo-DUdKtZjX.js";
|
|
8
8
|
import { t as l } from "./Typography-AvvBRu-u.js";
|
|
@@ -42,28 +42,33 @@ var o = {
|
|
|
42
42
|
grayscale: r,
|
|
43
43
|
line: i
|
|
44
44
|
};
|
|
45
|
-
function l({ icon: t, theme: n = "multi", size: r = 24, box: i = !1, className: l,
|
|
46
|
-
let
|
|
47
|
-
if (!
|
|
48
|
-
let
|
|
45
|
+
function l({ icon: t, theme: n = "multi", size: r = 24, box: i = !1, className: l, style: u, ...d }) {
|
|
46
|
+
let f = s[t], p = c[n][f];
|
|
47
|
+
if (!p) return console.warn(`ProductIcon: No icon found for "${t}" with theme "${n}"`), null;
|
|
48
|
+
let m = /* @__PURE__ */ a("span", {
|
|
49
49
|
className: e("hsui-product-icon", o.icon, l),
|
|
50
50
|
style: {
|
|
51
51
|
width: r,
|
|
52
52
|
height: r
|
|
53
53
|
},
|
|
54
|
-
children: /* @__PURE__ */ a(
|
|
54
|
+
children: /* @__PURE__ */ a(p, {
|
|
55
55
|
width: r,
|
|
56
56
|
height: r,
|
|
57
|
-
|
|
57
|
+
style: {
|
|
58
|
+
width: r,
|
|
59
|
+
height: r,
|
|
60
|
+
...u
|
|
61
|
+
},
|
|
62
|
+
...d
|
|
58
63
|
})
|
|
59
64
|
});
|
|
60
65
|
return i ? /* @__PURE__ */ a("span", {
|
|
61
66
|
className: o.boxOuter,
|
|
62
67
|
children: /* @__PURE__ */ a("span", {
|
|
63
68
|
className: o.boxInner,
|
|
64
|
-
children:
|
|
69
|
+
children: m
|
|
65
70
|
})
|
|
66
|
-
}) :
|
|
71
|
+
}) : m;
|
|
67
72
|
}
|
|
68
73
|
//#endregion
|
|
69
74
|
export { l as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { _ as t } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as n } from "./Icon-
|
|
3
|
+
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./InputSolo-DUdKtZjX.js";
|
|
5
5
|
import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
|
|
6
6
|
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { st as t } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as n } from "./Icon-
|
|
3
|
+
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { forwardRef as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
|
|
6
6
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { M as t, S as n, a as r, ct as i, i as a, k as o, o as s, r as ee, t as c, w as l } from "./esm-LCYnNVvi.js";
|
|
3
|
-
import { t as u } from "./Icon-
|
|
3
|
+
import { t as u } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { detectProvider as d, providerPosterUrl as f, useMediaEngine as p } from "./components/VideoPlayer/useMediaEngine.js";
|
|
5
5
|
import { forwardRef as m, useCallback as h, useEffect as g, useId as _, useImperativeHandle as v, useRef as y, useState as b } from "react";
|
|
6
6
|
import { jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as e } from "./esm-LCYnNVvi.js";
|
|
2
2
|
import { t } from "./dist-J9cXmrDi.js";
|
|
3
3
|
import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
|
|
4
|
-
import { t as l } from "./VideoPlayer-
|
|
4
|
+
import { t as l } from "./VideoPlayer-BB8jVMa5.js";
|
|
5
5
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
6
|
var f = {
|
|
7
7
|
close: "ig0T5q_close",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { s as e } from "./fa-B95RwBpz.js";
|
|
2
|
-
import { t } from "./VideoCover-
|
|
3
|
-
import { t as n } from "./VideoPlayerModal-
|
|
2
|
+
import { t } from "./VideoCover-BXIkxFuT.js";
|
|
3
|
+
import { t as n } from "./VideoPlayerModal-fnAUwVMI.js";
|
|
4
4
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
5
|
var a = {
|
|
6
6
|
youtube: "elwCNG_youtube",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CodeBlock-
|
|
1
|
+
import { t as e } from "../../CodeBlock-BkSyiiCb.js";
|
|
2
2
|
export { e as CodeBlock };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../../Dropdown-
|
|
1
|
+
import { n as e, r as t, t as n } from "../../Dropdown-8bjCO1Lx.js";
|
|
2
2
|
export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterHelp-
|
|
1
|
+
import { t as e } from "../../FooterHelp-Dlnj0dUF.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterLinks-
|
|
1
|
+
import { t as e } from "../../FooterLinks-BAdqoexV.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../YoutubeModal-
|
|
1
|
+
import { t as e } from "../../YoutubeModal-C3rfaDki.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Footer-
|
|
1
|
+
import { t as e } from "../../Footer-DVZIe2ax.js";
|
|
2
2
|
export { e as Footer };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FrameworkIcon-
|
|
1
|
+
import { t as e } from "../../FrameworkIcon-B8GmMx0r.js";
|
|
2
2
|
export { e as FrameworkIcon };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Icon-
|
|
1
|
+
import { t as e } from "../../Icon-DJTgdvsG.js";
|
|
2
2
|
export { e as Icon };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../NewsletterSignup-
|
|
1
|
+
import { t as e } from "../../NewsletterSignup-BP3AxNHH.js";
|
|
2
2
|
export { e as NewsletterSignup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../ProductIcon-
|
|
1
|
+
import { t as e } from "../../ProductIcon-C5yvnjHr.js";
|
|
2
2
|
export { e as ProductIcon };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../SearchDropdown-
|
|
1
|
+
import { t as e } from "../../SearchDropdown-fcfDUjOp.js";
|
|
2
2
|
export { e as SearchDropdown };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "../../clsx-BWCAbrjV.js";
|
|
3
3
|
import { X as t } from "../../esm-LCYnNVvi.js";
|
|
4
|
-
import { t as n } from "../../Icon-
|
|
4
|
+
import { t as n } from "../../Icon-DJTgdvsG.js";
|
|
5
5
|
import { t as r } from "../../styles.module-DGKft2EO.js";
|
|
6
6
|
import { useId as i, useState as a } from "react";
|
|
7
7
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "../../clsx-BWCAbrjV.js";
|
|
3
3
|
import { X as t } from "../../esm-LCYnNVvi.js";
|
|
4
|
-
import { t as n } from "../../Icon-
|
|
4
|
+
import { t as n } from "../../Icon-DJTgdvsG.js";
|
|
5
5
|
import { useOptionalSidebarSection as r } from "./context.js";
|
|
6
6
|
import { t as i } from "../../styles.module-DGKft2EO.js";
|
|
7
7
|
import { NavPathContext as a, textOf as o, useNavPath as s } from "./navPath.js";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "../../clsx-BWCAbrjV.js";
|
|
3
3
|
import { O as t, t as n } from "../../esm-LCYnNVvi.js";
|
|
4
4
|
import { t as r } from "../../Button-CjxX21gW.js";
|
|
5
|
-
import { t as i } from "../../Icon-
|
|
5
|
+
import { t as i } from "../../Icon-DJTgdvsG.js";
|
|
6
6
|
import { t as a } from "../../Typography-AvvBRu-u.js";
|
|
7
7
|
import { SidebarSectionContext as o, useSidebarLayout as s } from "./context.js";
|
|
8
8
|
import { t as c } from "../../styles.module-DGKft2EO.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../VideoCover-
|
|
1
|
+
import { t as e } from "../../VideoCover-BXIkxFuT.js";
|
|
2
2
|
export { e as VideoCover };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../VideoPlayerModal-
|
|
1
|
+
import { t as e } from "../../VideoPlayerModal-fnAUwVMI.js";
|
|
2
2
|
export { e as VideoPlayerModal };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../VideoPlayer-
|
|
1
|
+
import { t as e } from "../../VideoPlayer-BB8jVMa5.js";
|
|
2
2
|
export { e as VideoPlayer };
|
|
@@ -44,4 +44,4 @@ export interface FrameworkIconProps extends Omit<SVGProps<SVGSVGElement>, 'name'
|
|
|
44
44
|
* <FrameworkIcon icon="typescript" theme="monochrome" size={24} />
|
|
45
45
|
* ```
|
|
46
46
|
*/
|
|
47
|
-
export declare function FrameworkIcon({ icon, theme, size, box, className, ...props }: FrameworkIconProps): import("react").JSX.Element | null;
|
|
47
|
+
export declare function FrameworkIcon({ icon, theme, size, box, className, style, ...props }: FrameworkIconProps): import("react").JSX.Element | null;
|
|
@@ -23,4 +23,4 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
|
|
|
23
23
|
/** Additional class name */
|
|
24
24
|
className?: string;
|
|
25
25
|
}
|
|
26
|
-
export declare function Icon({ name: IconComponent, size, className, strokeWidth: strokeWidthProp, ...props }: IconProps): import("react").JSX.Element;
|
|
26
|
+
export declare function Icon({ name: IconComponent, size, className, strokeWidth: strokeWidthProp, style, ...props }: IconProps): import("react").JSX.Element;
|
|
@@ -56,4 +56,4 @@ export interface ProductIconProps extends Omit<SVGProps<SVGSVGElement>, 'name'>
|
|
|
56
56
|
* <ProductIcon icon="dashboards" theme="line" size={32} />
|
|
57
57
|
* ```
|
|
58
58
|
*/
|
|
59
|
-
export declare function ProductIcon({ icon, theme, size, box, className, ...props }: ProductIconProps): import("react").JSX.Element | null;
|
|
59
|
+
export declare function ProductIcon({ icon, theme, size, box, className, style, ...props }: ProductIconProps): import("react").JSX.Element | null;
|
package/dist/main.js
CHANGED
|
@@ -3,30 +3,30 @@ import { t as a } from "./Box-BZgeSeCV.js";
|
|
|
3
3
|
import { t as o } from "./Button-CjxX21gW.js";
|
|
4
4
|
import { t as s } from "./BrowserFrame-BUneieY7.js";
|
|
5
5
|
import { t as c } from "./CopyCode-90z6BfV0.js";
|
|
6
|
-
import { t as l } from "./FrameworkIcon-
|
|
7
|
-
import { t as u } from "./CodeBlock-
|
|
6
|
+
import { t as l } from "./FrameworkIcon-B8GmMx0r.js";
|
|
7
|
+
import { t as u } from "./CodeBlock-BkSyiiCb.js";
|
|
8
8
|
import { n as d, t as f } from "./ClientLogo-Dj7K48YL.js";
|
|
9
9
|
import { t as p } from "./LogoCarousel-DEvwvCfr.js";
|
|
10
|
-
import { t as m } from "./Icon-
|
|
10
|
+
import { t as m } from "./Icon-DJTgdvsG.js";
|
|
11
11
|
import { t as h } from "./Link-CYR92_U0.js";
|
|
12
|
-
import { t as g } from "./ProductIcon-
|
|
12
|
+
import { t as g } from "./ProductIcon-C5yvnjHr.js";
|
|
13
13
|
import { t as _ } from "./ButtonGroup-DanFXfXA.js";
|
|
14
14
|
import { t as v } from "./InputSolo-DUdKtZjX.js";
|
|
15
|
-
import { t as y } from "./SearchDropdown-
|
|
15
|
+
import { t as y } from "./SearchDropdown-fcfDUjOp.js";
|
|
16
16
|
import { i as b, n as x, r as S, t as C } from "./InputGrouped-BUJKBG0D.js";
|
|
17
17
|
import { t as w } from "./Container-BDssaLig.js";
|
|
18
18
|
import { t as T } from "./DiscordInvite-CLYxexdH.js";
|
|
19
19
|
import { t as E } from "./Heading-DNDHqYWO.js";
|
|
20
20
|
import { t as D } from "./Typography-AvvBRu-u.js";
|
|
21
21
|
import { t as O } from "./Logo-Bz0G2G-k.js";
|
|
22
|
-
import { t as k } from "./NewsletterSignup-
|
|
23
|
-
import { n as A, r as j, t as M } from "./Dropdown-
|
|
22
|
+
import { t as k } from "./NewsletterSignup-BP3AxNHH.js";
|
|
23
|
+
import { n as A, r as j, t as M } from "./Dropdown-8bjCO1Lx.js";
|
|
24
24
|
import { t as N } from "./PrefPanel-B4MyeLGu.js";
|
|
25
25
|
import { n as P, t as F } from "./Label-DgPVoDMR.js";
|
|
26
|
-
import { t as I } from "./VideoCover-
|
|
27
|
-
import { t as L } from "./VideoPlayer-
|
|
28
|
-
import { t as R } from "./VideoPlayerModal-
|
|
29
|
-
import { t as z } from "./Footer-
|
|
26
|
+
import { t as I } from "./VideoCover-BXIkxFuT.js";
|
|
27
|
+
import { t as L } from "./VideoPlayer-BB8jVMa5.js";
|
|
28
|
+
import { t as R } from "./VideoPlayerModal-fnAUwVMI.js";
|
|
29
|
+
import { t as z } from "./Footer-DVZIe2ax.js";
|
|
30
30
|
import { n as B } from "./GPTInput-C0YG1990.js";
|
|
31
31
|
import { t as V } from "./Notification-D0ow_x0-.js";
|
|
32
32
|
import { n as H, t as U } from "./Header-Dsji2l2m.js";
|