highsoft-ui 1.0.6 → 1.0.7

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 (15) hide show
  1. package/README.md +2 -2
  2. package/dist/components/Button/index.js +30 -31
  3. package/dist/components/GPTInput/index.js +26 -26
  4. package/dist/components/Header/index.js +67 -67
  5. package/dist/components/Notification/index.js +15 -15
  6. package/dist/components/PrefPanel/index.js +91 -91
  7. package/dist/highsoft-ui.css +1 -1
  8. package/dist/main.d.ts +1 -1
  9. package/dist/main.js +6 -5
  10. package/dist/php-client.d.ts +2 -0
  11. package/dist/php-client.js +38 -0
  12. package/dist/php.d.ts +0 -1
  13. package/dist/php.js +1356 -1391
  14. package/dist/scss/variables.scss +288 -0
  15. package/package.json +2 -1
package/README.md CHANGED
@@ -38,7 +38,7 @@ This mostly applies to the wordpress block gang.
38
38
 
39
39
  1. Build script
40
40
 
41
- `ui.ts`:
41
+ `ui.tsx`:
42
42
  ```js
43
43
  import { Header } from 'highsoft-ui';
44
44
  import { render } from 'highsoft-ui/php';
@@ -64,7 +64,7 @@ render('react.php', {
64
64
 
65
65
  Run it with `tsx`:
66
66
  ```sh
67
- npx tsx ui.ts
67
+ npx tsx ui.tsx
68
68
  ```
69
69
 
70
70
  2. PHP template
package/dist/components/Button/index.js CHANGED
@@ -1,46 +1,45 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as c } from "react";
3
- import { c as i } from "../../clsx-OuTLNxxd.js";
4
- const d = "_button_ej6jd_17", u = "_content_ej6jd_33", z = "_neutral_ej6jd_40", l = "_white_ej6jd_57", p = "_transparent_ej6jd_76", b = "_plain_ej6jd_98", m = "_brand_ej6jd_123", f = "_success_ej6jd_140", h = "_attention_ej6jd_155", w = "_danger_ej6jd_170", t = {
5
- button: d,
6
- content: u,
7
- neutral: z,
8
- white: l,
9
- transparent: p,
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as p } from "react";
3
+ import { c } from "../../clsx-OuTLNxxd.js";
4
+ const y = "_button_e7pey_293", u = "_neutral_e7pey_335", z = "_white_e7pey_359", l = "_transparent_e7pey_383", b = "_plain_e7pey_407", d = "_brand_e7pey_431", m = "_success_e7pey_455", f = "_attention_e7pey_479", w = "_danger_e7pey_503", e = {
5
+ button: y,
6
+ neutral: u,
7
+ white: z,
8
+ transparent: l,
10
9
  plain: b,
11
- brand: m,
12
- success: f,
13
- attention: h,
10
+ brand: d,
11
+ success: m,
12
+ attention: f,
14
13
  danger: w,
15
- "size-50": "_size-50_ej6jd_266",
16
- "size-100": "_size-100_ej6jd_282",
17
- "size-200": "_size-200_ej6jd_299",
18
- "size-300": "_size-300_ej6jd_316",
19
- "size-400": "_size-400_ej6jd_333",
20
- "size-500": "_size-500_ej6jd_350"
21
- }, y = c(
14
+ "size-50": "_size-50_e7pey_527",
15
+ "size-100": "_size-100_e7pey_544",
16
+ "size-200": "_size-200_e7pey_561",
17
+ "size-300": "_size-300_e7pey_578",
18
+ "size-400": "_size-400_e7pey_595",
19
+ "size-500": "_size-500_e7pey_612"
20
+ }, j = p(
22
21
  ({
23
- children: n,
24
- variant: s = "neutral",
25
- size: _ = 200,
26
- as: j = "button",
22
+ children: t,
23
+ variant: _ = "neutral",
24
+ size: s = 200,
25
+ as: n = "button",
27
26
  className: o,
28
27
  ...a
29
- }, r) => /* @__PURE__ */ e(
30
- j,
28
+ }, r) => /* @__PURE__ */ i(
29
+ n,
31
30
  {
32
- className: i(
31
+ className: c(
33
32
  o,
34
- t.button,
35
- t[s],
36
- t[`size-${_}`]
33
+ e.button,
34
+ e[_],
35
+ e[`size-${s}`]
37
36
  ),
38
37
  ref: r,
39
38
  ...a,
40
- children: /* @__PURE__ */ e("span", { className: t.content, children: n })
39
+ children: t
41
40
  }
42
41
  )
43
42
  );
44
43
  export {
45
- y as Button
44
+ j as Button
46
45
  };
package/dist/components/GPTInput/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx as n, jsxs as l } from "react/jsx-runtime";
2
- import { useRef as x, useState as h, useLayoutEffect as g } from "react";
3
- import { c as _ } from "../../clsx-OuTLNxxd.js";
4
- import v from "../icons/Bubble.js";
5
- import b from "../icons/Plane.js";
6
- const C = "_inputContainer_1v7xg_17", S = "_bottomFade_1v7xg_20", K = "_inputWrap_1v7xg_23", P = "_textarea_1v7xg_26", N = "_button_1v7xg_92", W = "_primary_1v7xg_127", k = "_secondary_1v7xg_136", D = "_disclaimer_1v7xg_142", r = {
7
- inputContainer: C,
2
+ import { useRef as y, useState as g, useLayoutEffect as b } from "react";
3
+ import { c as f } from "../../clsx-OuTLNxxd.js";
4
+ import x from "../icons/Bubble.js";
5
+ import C from "../icons/Plane.js";
6
+ const v = "_inputContainer_1hfog_293", S = "_bottomFade_1hfog_296", K = "_inputWrap_1hfog_299", P = "_textarea_1hfog_302", N = "_button_1hfog_368", W = "_primary_1hfog_403", k = "_secondary_1hfog_412", D = "_disclaimer_1hfog_418", o = {
7
+ inputContainer: v,
8
8
  bottomFade: S,
9
9
  inputWrap: K,
10
10
  textarea: P,
@@ -14,66 +14,66 @@ const C = "_inputContainer_1v7xg_17", S = "_bottomFade_1v7xg_20", K = "_inputWra
14
14
  disclaimer: D
15
15
  };
16
16
  function F({
17
- variant: a = "primary",
17
+ variant: r = "primary",
18
18
  className: s,
19
19
  children: e,
20
- ...o
20
+ ...a
21
21
  }) {
22
22
  return /* @__PURE__ */ n(
23
23
  "button",
24
24
  {
25
- className: _(r.button, r[a], s),
26
- ...o,
25
+ className: f(o.button, o[r], s),
26
+ ...a,
27
27
  children: /* @__PURE__ */ n("span", { children: e })
28
28
  }
29
29
  );
30
30
  }
31
31
  function I({
32
- autoFocus: a,
32
+ autoFocus: r,
33
33
  onSubmit: s
34
34
  }) {
35
- const e = x(null), [o, i] = h(""), c = o.trim(), u = !!c;
36
- g(() => {
35
+ const e = y(null), [a, i] = g(""), c = a.trim(), u = !!c;
36
+ b(() => {
37
37
  var t;
38
- a && ((t = e.current) == null || t.focus());
39
- }, [a]);
38
+ r && ((t = e.current) == null || t.focus());
39
+ }, [r]);
40
40
  const p = () => {
41
41
  const t = e.current;
42
42
  t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
43
- }, d = (t) => {
43
+ }, h = (t) => {
44
44
  i(t.target.value), p();
45
45
  }, m = (t) => {
46
46
  t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
47
- }, f = (t) => {
47
+ }, _ = (t) => {
48
48
  t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
49
- }, y = () => {
49
+ }, d = () => {
50
50
  var t;
51
51
  (t = e.current) == null || t.focus();
52
52
  };
53
53
  return /* @__PURE__ */ l(
54
54
  "form",
55
55
  {
56
- className: _(r.inputWrap, { [r.active]: u }),
57
- onKeyDown: f,
56
+ className: f(o.inputWrap, { [o.active]: u }),
57
+ onKeyDown: _,
58
58
  onSubmit: m,
59
59
  children: [
60
- /* @__PURE__ */ n(v, {}),
60
+ /* @__PURE__ */ n(x, {}),
61
61
  /* @__PURE__ */ n(
62
62
  "textarea",
63
63
  {
64
- className: r.textarea,
64
+ className: o.textarea,
65
65
  ref: e,
66
- value: o,
67
- onChange: d
66
+ value: a,
67
+ onChange: h
68
68
  }
69
69
  ),
70
70
  /* @__PURE__ */ l(
71
71
  F,
72
72
  {
73
73
  variant: u ? "primary" : "secondary",
74
- onClick: y,
74
+ onClick: d,
75
75
  children: [
76
- /* @__PURE__ */ n(b, {}),
76
+ /* @__PURE__ */ n(C, {}),
77
77
  /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
78
78
  ]
79
79
  }
package/dist/components/Header/index.js CHANGED
@@ -1,22 +1,22 @@
1
- import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
- import { useState as b, useEffect as x } from "react";
3
- import { J as S } from "../../index-CMegByeX.js";
4
- import { _ as u } from "../../extends-hS2Bh-Yp.js";
1
+ import { jsx as t, jsxs as i } from "react/jsx-runtime";
2
+ import { useState as k, useEffect as b } from "react";
3
+ import { J as x } from "../../index-CMegByeX.js";
4
+ import { _ as g } from "../../extends-hS2Bh-Yp.js";
5
5
  import { c as w } from "../../clsx-OuTLNxxd.js";
6
6
  import { Button as d } from "../Button/index.js";
7
7
  import { Container as _ } from "../Container/index.js";
8
- import { ThemedLogo as C } from "../Logo/index.js";
9
- import { Notification as M } from "../Notification/index.js";
10
- import { PrefPanel as N } from "../PrefPanel/index.js";
11
- import { useMediaQuery as T } from "../../utils.js";
12
- var L = function(r) {
13
- return /* @__PURE__ */ t("svg", u({
8
+ import { ThemedLogo as S } from "../Logo/index.js";
9
+ import { Notification as C } from "../Notification/index.js";
10
+ import { PrefPanel as M } from "../PrefPanel/index.js";
11
+ import { useMediaQuery as N } from "../../utils.js";
12
+ var T = function(s) {
13
+ return /* @__PURE__ */ t("svg", g({
14
14
  xmlns: "http://www.w3.org/2000/svg",
15
15
  width: 24,
16
16
  height: 24,
17
17
  fill: "none",
18
18
  viewBox: "0 0 24 24"
19
- }, r, {
19
+ }, s, {
20
20
  children: /* @__PURE__ */ t("path", {
21
21
  stroke: "currentColor",
22
22
  strokeLinecap: "round",
@@ -25,14 +25,14 @@ var L = function(r) {
25
25
  d: "M3 12h12M3 6h18M3 18h18"
26
26
  })
27
27
  }));
28
- }, j = function(r) {
29
- return /* @__PURE__ */ t("svg", u({
28
+ }, L = function(s) {
29
+ return /* @__PURE__ */ t("svg", g({
30
30
  xmlns: "http://www.w3.org/2000/svg",
31
31
  width: 24,
32
32
  height: 24,
33
33
  fill: "none",
34
34
  viewBox: "0 0 24 24"
35
- }, r, {
35
+ }, s, {
36
36
  children: /* @__PURE__ */ t("path", {
37
37
  stroke: "currentColor",
38
38
  strokeLinecap: "round",
@@ -41,14 +41,14 @@ var L = function(r) {
41
41
  d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
42
42
  })
43
43
  }));
44
- }, B = function(r) {
45
- return /* @__PURE__ */ t("svg", u({
44
+ }, j = function(s) {
45
+ return /* @__PURE__ */ t("svg", g({
46
46
  xmlns: "http://www.w3.org/2000/svg",
47
47
  width: 24,
48
48
  height: 24,
49
49
  fill: "none",
50
50
  viewBox: "0 0 24 24"
51
- }, r, {
51
+ }, s, {
52
52
  children: /* @__PURE__ */ t("path", {
53
53
  stroke: "currentColor",
54
54
  strokeLinecap: "round",
@@ -57,14 +57,14 @@ var L = function(r) {
57
57
  d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
58
58
  })
59
59
  }));
60
- }, J = function(r) {
61
- return /* @__PURE__ */ t("svg", u({
60
+ }, B = function(s) {
61
+ return /* @__PURE__ */ t("svg", g({
62
62
  xmlns: "http://www.w3.org/2000/svg",
63
63
  width: 24,
64
64
  height: 24,
65
65
  fill: "none",
66
66
  viewBox: "0 0 24 24"
67
- }, r, {
67
+ }, s, {
68
68
  children: /* @__PURE__ */ t("path", {
69
69
  stroke: "currentColor",
70
70
  strokeLinecap: "round",
@@ -73,14 +73,14 @@ var L = function(r) {
73
73
  d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
74
74
  })
75
75
  }));
76
- }, P = function(r) {
77
- return /* @__PURE__ */ t("svg", u({
76
+ }, J = function(s) {
77
+ return /* @__PURE__ */ t("svg", g({
78
78
  xmlns: "http://www.w3.org/2000/svg",
79
79
  width: 24,
80
80
  height: 24,
81
81
  fill: "none",
82
82
  viewBox: "0 0 24 24"
83
- }, r, {
83
+ }, s, {
84
84
  children: /* @__PURE__ */ t("path", {
85
85
  stroke: "currentColor",
86
86
  strokeLinecap: "round",
@@ -90,12 +90,12 @@ var L = function(r) {
90
90
  })
91
91
  }));
92
92
  };
93
- const W = "_header_ggk0t_17", y = "_outer_ggk0t_28", H = "_main_ggk0t_37", O = "_container_ggk0t_41", q = "_links_ggk0t_47", z = "_buttons_ggk0t_48", G = "_menu_ggk0t_53", U = "_logo_ggk0t_57", V = "_sub_ggk0t_69", $ = "_subContainer_ggk0t_73", D = "_selected_ggk0t_95", E = "_subTag_ggk0t_107", Q = "_gpt_ggk0t_140", e = {
94
- header: W,
95
- outer: y,
96
- main: H,
97
- container: O,
98
- links: q,
93
+ const P = "_header_sqgaq_293", W = "_outer_sqgaq_304", y = "_main_sqgaq_313", H = "_container_sqgaq_317", O = "_links_sqgaq_323", z = "_buttons_sqgaq_324", G = "_menu_sqgaq_329", U = "_logo_sqgaq_333", V = "_sub_sqgaq_345", $ = "_subContainer_sqgaq_349", D = "_selected_sqgaq_376", E = "_subTag_sqgaq_388", Q = "_gpt_sqgaq_421", e = {
94
+ header: P,
95
+ outer: W,
96
+ main: y,
97
+ container: H,
98
+ links: O,
99
99
  buttons: z,
100
100
  menu: G,
101
101
  logo: U,
@@ -103,8 +103,8 @@ const W = "_header_ggk0t_17", y = "_outer_ggk0t_28", H = "_main_ggk0t_37", O = "
103
103
  subContainer: $,
104
104
  selected: D,
105
105
  subTag: E,
106
- "subTag-success": "_subTag-success_ggk0t_112",
107
- "subTag-brand": "_subTag-brand_ggk0t_116",
106
+ "subTag-success": "_subTag-success_sqgaq_393",
107
+ "subTag-brand": "_subTag-brand_sqgaq_397",
108
108
  gpt: Q
109
109
  }, R = [
110
110
  {
@@ -134,10 +134,10 @@ const W = "_header_ggk0t_17", y = "_outer_ggk0t_28", H = "_main_ggk0t_37", O = "
134
134
  ];
135
135
  function A({ items: n }) {
136
136
  return /* @__PURE__ */ t("div", { className: w(e.sub, e.outer), children: /* @__PURE__ */ t(_, { className: e.subContainer, as: "ul", children: n.map(
137
- ({ title: r, url: h, icon: c, tag: m, tagVariant: l = "success", link: g = "a" }, p) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ a(g, { href: h, children: [
137
+ ({ title: s, url: h, icon: c, tag: m, tagVariant: l = "success", link: u = "a" }, p) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ i(u, { href: h, children: [
138
138
  c,
139
- /* @__PURE__ */ a("span", { children: [
140
- r,
139
+ /* @__PURE__ */ i("span", { children: [
140
+ s,
141
141
  m && /* @__PURE__ */ t(
142
142
  "span",
143
143
  {
@@ -154,32 +154,32 @@ function A({ items: n }) {
154
154
  }
155
155
  function ot({
156
156
  subItems: n,
157
- children: r,
157
+ children: s,
158
158
  notifications: h = [],
159
159
  // TODO: Fetch these from the internets
160
160
  link: c = "a"
161
161
  }) {
162
- const m = T("(min-width: 850px) and (max-width: 999 px)"), [l, g] = b([]);
163
- x(() => {
162
+ const m = N("(min-width: 850px) and (max-width: 999px)"), [l, u] = k([]);
163
+ b(() => {
164
164
  if (h.length) {
165
165
  const o = localStorage.getItem("notifications");
166
166
  if (o) {
167
- const i = JSON.parse(o);
168
- g(
167
+ const a = JSON.parse(o);
168
+ u(
169
169
  h.filter(
170
- (s) => !s.id || !i.closed.includes(s.id)
170
+ (r) => !r.id || !a.closed.includes(r.id)
171
171
  )
172
172
  );
173
173
  } else
174
- g(h);
174
+ u(h);
175
175
  }
176
176
  }, [h]);
177
177
  const p = (o) => {
178
- g(l.filter((s) => !s.id || s.id !== o));
179
- const i = localStorage.getItem("notifications");
180
- if (i) {
181
- const s = JSON.parse(i);
182
- s.closed.includes(o) || (s.closed.push(o), localStorage.setItem("notifications", JSON.stringify(s)));
178
+ u(l.filter((r) => !r.id || r.id !== o));
179
+ const a = localStorage.getItem("notifications");
180
+ if (a) {
181
+ const r = JSON.parse(a);
182
+ r.closed.includes(o) || (r.closed.push(o), localStorage.setItem("notifications", JSON.stringify(r)));
183
183
  } else
184
184
  localStorage.setItem(
185
185
  "notifications",
@@ -188,25 +188,25 @@ function ot({
188
188
  })
189
189
  );
190
190
  };
191
- return /* @__PURE__ */ t(S, { children: /* @__PURE__ */ a("header", { className: e.header, children: [
191
+ return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ i("header", { className: e.header, children: [
192
192
  l == null ? void 0 : l.map(
193
- ({ id: o, title: i, description: s, variant: f, closable: k }, v) => /* @__PURE__ */ t(
194
- M,
193
+ ({ id: o, title: a, description: r, variant: f, closable: v }, q) => /* @__PURE__ */ t(
194
+ C,
195
195
  {
196
- description: s,
196
+ description: r,
197
197
  variant: f,
198
- closable: k,
198
+ closable: v,
199
199
  onClose: () => p(o),
200
- children: i
200
+ children: a
201
201
  },
202
- v
202
+ q
203
203
  )
204
204
  ),
205
- /* @__PURE__ */ t("div", { className: w(e.main, e.outer), children: /* @__PURE__ */ a(_, { as: "nav", className: e.container, children: [
206
- /* @__PURE__ */ t(c, { className: e.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ t(C, { showText: !m }) }),
207
- /* @__PURE__ */ t("div", { className: e.links, children: R.map(({ title: o, url: i }, s) => /* @__PURE__ */ t(d, { variant: "plain", size: 300, as: c, href: i, children: o }, s)) }),
208
- /* @__PURE__ */ a("div", { className: e.buttons, children: [
209
- /* @__PURE__ */ a(
205
+ /* @__PURE__ */ t("div", { className: w(e.main, e.outer), children: /* @__PURE__ */ i(_, { as: "nav", className: e.container, children: [
206
+ /* @__PURE__ */ t(c, { className: e.logo, href: "https://www.highcharts.com/", children: /* @__PURE__ */ t(S, { showText: !m }) }),
207
+ /* @__PURE__ */ t("div", { className: e.links, children: R.map(({ title: o, url: a }, r) => /* @__PURE__ */ t(d, { variant: "plain", size: 300, as: c, href: a, children: o }, r)) }),
208
+ /* @__PURE__ */ i("div", { className: e.buttons, children: [
209
+ /* @__PURE__ */ i(
210
210
  d,
211
211
  {
212
212
  variant: "transparent",
@@ -214,15 +214,15 @@ function ot({
214
214
  href: "https://www.highcharts.com/chat/gpt/",
215
215
  children: [
216
216
  /* @__PURE__ */ t("span", { className: e.gpt, children: "Highcharts GPT" }),
217
- /* @__PURE__ */ t(B, {})
217
+ /* @__PURE__ */ t(j, {})
218
218
  ]
219
219
  }
220
220
  ),
221
- /* @__PURE__ */ t(d, { variant: "transparent", children: /* @__PURE__ */ t(j, {}) }),
222
- /* @__PURE__ */ t(N, {}),
223
- /* @__PURE__ */ a(d, { variant: "transparent", className: e.menu, children: [
221
+ /* @__PURE__ */ t(d, { variant: "transparent", children: /* @__PURE__ */ t(L, {}) }),
222
+ /* @__PURE__ */ t(M, {}),
223
+ /* @__PURE__ */ i(d, { variant: "transparent", className: e.menu, children: [
224
224
  "Menu",
225
- /* @__PURE__ */ t(L, {})
225
+ /* @__PURE__ */ t(T, {})
226
226
  ] }),
227
227
  /* @__PURE__ */ t(
228
228
  d,
@@ -230,17 +230,17 @@ function ot({
230
230
  variant: "brand",
231
231
  as: c,
232
232
  href: "https://shop.highcharts.com/account",
233
- children: /* @__PURE__ */ t(P, {})
233
+ children: /* @__PURE__ */ t(J, {})
234
234
  }
235
235
  ),
236
- /* @__PURE__ */ a(
236
+ /* @__PURE__ */ i(
237
237
  d,
238
238
  {
239
239
  variant: "success",
240
240
  as: c,
241
241
  href: "https://www.highcharts.com/download/",
242
242
  children: [
243
- /* @__PURE__ */ t(J, {}),
243
+ /* @__PURE__ */ t(B, {}),
244
244
  "Get started"
245
245
  ]
246
246
  }
@@ -248,7 +248,7 @@ function ot({
248
248
  ] })
249
249
  ] }) }),
250
250
  !!(n != null && n.length) && /* @__PURE__ */ t(A, { items: n }),
251
- r
251
+ s
252
252
  ] }) });
253
253
  }
254
254
  export {
package/dist/components/Notification/index.js CHANGED
@@ -3,8 +3,8 @@ import "react";
3
3
  import { _ as a } from "../../extends-hS2Bh-Yp.js";
4
4
  import { c as _ } from "../../clsx-OuTLNxxd.js";
5
5
  import { Button as l } from "../Button/index.js";
6
- import { Container as u } from "../Container/index.js";
7
- var d = function(i) {
6
+ import { Container as d } from "../Container/index.js";
7
+ var m = function(i) {
8
8
  return /* @__PURE__ */ t("svg", a({
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  width: 24,
@@ -21,25 +21,25 @@ var d = function(i) {
21
21
  })
22
22
  }));
23
23
  };
24
- const m = "_notification_1ku6y_17", f = "_container_1ku6y_22", p = "_success_1ku6y_32", k = "_danger_1ku6y_37", h = "_attention_1ku6y_42", y = "_title_1ku6y_47", g = "_description_1ku6y_53", x = "_close_1ku6y_60", n = {
25
- notification: m,
26
- container: f,
27
- default: "_default_1ku6y_27",
28
- success: p,
29
- danger: k,
24
+ const f = "_notification_19xt5_293", p = "_container_19xt5_298", x = "_success_19xt5_308", u = "_danger_19xt5_313", h = "_attention_19xt5_318", g = "_title_19xt5_323", v = "_description_19xt5_329", w = "_close_19xt5_336", n = {
25
+ notification: f,
26
+ container: p,
27
+ default: "_default_19xt5_303",
28
+ success: x,
29
+ danger: u,
30
30
  attention: h,
31
- title: y,
32
- description: g,
33
- close: x
31
+ title: g,
32
+ description: v,
33
+ close: w
34
34
  };
35
- function M({
35
+ function X({
36
36
  children: e,
37
37
  variant: i = "default",
38
38
  description: s,
39
39
  closable: c = !0,
40
40
  onClose: o
41
41
  }) {
42
- return /* @__PURE__ */ t("div", { className: _(n.notification, n[i]), children: /* @__PURE__ */ r(u, { className: n.container, children: [
42
+ return /* @__PURE__ */ t("div", { className: _(n.notification, n[i]), children: /* @__PURE__ */ r(d, { className: n.container, children: [
43
43
  /* @__PURE__ */ t("span", { className: n.title, children: e }),
44
44
  s && /* @__PURE__ */ t("span", { className: n.description, children: s }),
45
45
  c && /* @__PURE__ */ t(
@@ -49,11 +49,11 @@ function M({
49
49
  size: 400,
50
50
  className: n.close,
51
51
  onClick: () => o == null ? void 0 : o(),
52
- children: /* @__PURE__ */ t(d, {})
52
+ children: /* @__PURE__ */ t(m, {})
53
53
  }
54
54
  )
55
55
  ] }) });
56
56
  }
57
57
  export {
58
- M as Notification
58
+ X as Notification
59
59
  };