highsoft-ui 1.0.16 → 1.0.18

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.
@@ -1,47 +1,47 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { forwardRef as w } from "react";
3
- import { c as l } from "../../clsx-OuTLNxxd.js";
4
- const u = "_button_1we8s_285", z = "_neutral_1we8s_327", f = "_white_1we8s_351", p = "_transparent_1we8s_375", b = "_plain_1we8s_399", d = "_brand_1we8s_423", m = "_success_1we8s_447", g = "_attention_1we8s_471", h = "_danger_1we8s_495", x = "_full_1we8s_621", s = {
5
- button: u,
6
- neutral: z,
7
- white: f,
8
- transparent: p,
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as r } from "react";
3
+ import { c } from "../../clsx-OuTLNxxd.js";
4
+ const g = "_button_lp38g_270", u = "_neutral_lp38g_312", z = "_white_lp38g_336", f = "_transparent_lp38g_360", b = "_plain_lp38g_384", d = "_brand_lp38g_408", m = "_success_lp38g_432", w = "_attention_lp38g_456", h = "_danger_lp38g_480", x = "_full_lp38g_606", t = {
5
+ button: g,
6
+ neutral: u,
7
+ white: z,
8
+ transparent: f,
9
9
  plain: b,
10
10
  brand: d,
11
11
  success: m,
12
- attention: g,
12
+ attention: w,
13
13
  danger: h,
14
- "size-50": "_size-50_1we8s_519",
15
- "size-100": "_size-100_1we8s_536",
16
- "size-200": "_size-200_1we8s_553",
17
- "size-300": "_size-300_1we8s_570",
18
- "size-400": "_size-400_1we8s_587",
19
- "size-500": "_size-500_1we8s_604",
14
+ "size-50": "_size-50_lp38g_504",
15
+ "size-100": "_size-100_lp38g_521",
16
+ "size-200": "_size-200_lp38g_538",
17
+ "size-300": "_size-300_lp38g_555",
18
+ "size-400": "_size-400_lp38g_572",
19
+ "size-500": "_size-500_lp38g_589",
20
20
  full: x
21
- }, N = w(
21
+ }, N = r(
22
22
  ({
23
- children: e,
24
- variant: t = "neutral",
25
- size: _ = 200,
26
- fullWidth: n = !1,
27
- as: o = "button",
28
- className: a,
29
- ...r
30
- }, i) => /* @__PURE__ */ c(
31
- o,
23
+ children: _,
24
+ variant: s = "neutral",
25
+ size: n = 200,
26
+ fullWidth: e = !1,
27
+ as: l = "button",
28
+ className: o,
29
+ ...a
30
+ }, p) => /* @__PURE__ */ i(
31
+ l,
32
32
  {
33
- className: l(
34
- a,
35
- s.button,
36
- s[t],
37
- s[`size-${_}`],
33
+ className: c(
34
+ o,
35
+ t.button,
36
+ t[s],
37
+ t[`size-${n}`],
38
38
  {
39
- [s.full]: n
39
+ [t.full]: e
40
40
  }
41
41
  ),
42
- ref: i,
43
- ...r,
44
- children: e
42
+ ref: p,
43
+ ...a,
44
+ children: _
45
45
  }
46
46
  )
47
47
  );
@@ -2,4 +2,4 @@ import { ElementType, HTMLAttributes } from 'react';
2
2
  export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
3
3
  as?: ElementType;
4
4
  }
5
- export declare function Container({ children, className, as: Component, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,16 +1,11 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { c as s } from "../../clsx-OuTLNxxd.js";
3
- const a = "_container_mh6y2_1", e = {
4
- container: a
5
- };
6
- function f({
7
- children: n,
8
- className: o,
9
- as: t = "div",
10
- ...r
11
- }) {
12
- return /* @__PURE__ */ c(t, { className: s(o, e.container), ...r, children: n });
13
- }
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { forwardRef as c } from "react";
3
+ import { c as e } from "../../clsx-OuTLNxxd.js";
4
+ const i = "_container_mh6y2_1", m = {
5
+ container: i
6
+ }, x = c(
7
+ ({ children: o, className: r, as: n = "div", ...t }, s) => /* @__PURE__ */ a(n, { className: e(r, m.container), ref: s, ...t, children: o })
8
+ );
14
9
  export {
15
- f as Container
10
+ x as Container
16
11
  };
@@ -1,42 +1,42 @@
1
1
  import { jsx as n, jsxs as l } from "react/jsx-runtime";
2
- import { useRef as y, useState as b, useLayoutEffect as x } from "react";
3
- import { c as h } from "../../clsx-OuTLNxxd.js";
4
- import g from "../icons/Bubble.js";
5
- import C from "../icons/Plane.js";
6
- const v = "_inputContainer_h08to_285", S = "_bottomFade_h08to_288", K = "_inputWrap_h08to_291", P = "_textarea_h08to_294", N = "_button_h08to_360", W = "_primary_h08to_395", k = "_secondary_h08to_404", D = "_disclaimer_h08to_410", o = {
7
- inputContainer: v,
8
- bottomFade: S,
9
- inputWrap: K,
10
- textarea: P,
11
- button: N,
12
- primary: W,
13
- secondary: k,
14
- disclaimer: D
2
+ import { useRef as h, useState as b, useLayoutEffect as x } from "react";
3
+ import { c as y } from "../../clsx-OuTLNxxd.js";
4
+ import j from "../icons/Bubble.js";
5
+ import g from "../icons/Plane.js";
6
+ const C = "_inputContainer_4jy94_270", v = "_bottomFade_4jy94_273", S = "_inputWrap_4jy94_276", K = "_textarea_4jy94_279", P = "_button_4jy94_345", N = "_primary_4jy94_380", W = "_secondary_4jy94_389", k = "_disclaimer_4jy94_395", r = {
7
+ inputContainer: C,
8
+ bottomFade: v,
9
+ inputWrap: S,
10
+ textarea: K,
11
+ button: P,
12
+ primary: N,
13
+ secondary: W,
14
+ disclaimer: k
15
15
  };
16
- function F({
17
- variant: r = "primary",
16
+ function D({
17
+ variant: a = "primary",
18
18
  className: s,
19
19
  children: e,
20
- ...a
20
+ ...o
21
21
  }) {
22
22
  return /* @__PURE__ */ n(
23
23
  "button",
24
24
  {
25
- className: h(o.button, o[r], s),
26
- ...a,
25
+ className: y(r.button, r[a], s),
26
+ ...o,
27
27
  children: /* @__PURE__ */ n("span", { children: e })
28
28
  }
29
29
  );
30
30
  }
31
31
  function I({
32
- autoFocus: r,
32
+ autoFocus: a,
33
33
  onSubmit: s
34
34
  }) {
35
- const e = y(null), [a, i] = b(""), c = a.trim(), u = !!c;
35
+ const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
36
36
  x(() => {
37
37
  var t;
38
- r && ((t = e.current) == null || t.focus());
39
- }, [r]);
38
+ a && ((t = e.current) == null || t.focus());
39
+ }, [a]);
40
40
  const p = () => {
41
41
  const t = e.current;
42
42
  t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
@@ -53,27 +53,27 @@ function I({
53
53
  return /* @__PURE__ */ l(
54
54
  "form",
55
55
  {
56
- className: h(o.inputWrap, { [o.active]: u }),
56
+ className: y(r.inputWrap, { [r.active]: u }),
57
57
  onKeyDown: d,
58
58
  onSubmit: m,
59
59
  children: [
60
- /* @__PURE__ */ n(g, {}),
60
+ /* @__PURE__ */ n(j, {}),
61
61
  /* @__PURE__ */ n(
62
62
  "textarea",
63
63
  {
64
- className: o.textarea,
64
+ className: r.textarea,
65
65
  ref: e,
66
- value: a,
66
+ value: o,
67
67
  onChange: _
68
68
  }
69
69
  ),
70
70
  /* @__PURE__ */ l(
71
- F,
71
+ D,
72
72
  {
73
73
  variant: u ? "primary" : "secondary",
74
74
  onClick: f,
75
75
  children: [
76
- /* @__PURE__ */ n(C, {}),
76
+ /* @__PURE__ */ n(g, {}),
77
77
  /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
78
78
  ]
79
79
  }
@@ -84,5 +84,5 @@ function I({
84
84
  }
85
85
  export {
86
86
  I as GPTInput,
87
- F as default
87
+ D as default
88
88
  };