@adgytec/adgytec-web-ui-components 1.1.0 → 1.1.2

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 (101) hide show
  1. package/dist/assets/Avatar.css +1 -1
  2. package/dist/assets/BaseCard.css +1 -1
  3. package/dist/assets/ButtonChild.css +1 -1
  4. package/dist/assets/Container.css +1 -0
  5. package/dist/assets/Disclosure.css +1 -1
  6. package/dist/assets/DisclousreGroup.css +1 -1
  7. package/dist/assets/Error.css +1 -1
  8. package/dist/assets/FieldError.css +1 -1
  9. package/dist/assets/Form.css +1 -1
  10. package/dist/assets/Input.css +1 -1
  11. package/dist/assets/Link.css +1 -1
  12. package/dist/assets/Loader.css +1 -1
  13. package/dist/assets/Menu.css +1 -1
  14. package/dist/assets/MenuLabel.css +1 -1
  15. package/dist/assets/ModalAction.css +1 -1
  16. package/dist/assets/ModalBase.css +1 -1
  17. package/dist/assets/NavigationMenu.css +1 -1
  18. package/dist/assets/NavigationSidebar.css +1 -1
  19. package/dist/assets/Popover.css +1 -1
  20. package/dist/assets/Select.css +1 -1
  21. package/dist/assets/Sidebar.css +1 -1
  22. package/dist/assets/Success.css +1 -1
  23. package/dist/assets/TextArea.css +1 -1
  24. package/dist/assets/Toast.css +1 -0
  25. package/dist/assets/ToggleButtonGroup.css +1 -1
  26. package/dist/assets/Tooltip.css +1 -1
  27. package/dist/assets/Tree.css +1 -1
  28. package/dist/assets/useSplash.css +1 -1
  29. package/dist/chunks/Avatar +35 -24
  30. package/dist/chunks/BaseCard +26 -20
  31. package/dist/chunks/Button +26 -19
  32. package/dist/chunks/ButtonChild +22 -23
  33. package/dist/chunks/ButtonLink +26 -20
  34. package/dist/chunks/ComponentShapeSwitcher +25 -21
  35. package/dist/chunks/Container +21 -0
  36. package/dist/chunks/Disclosure +19 -12
  37. package/dist/chunks/DisclousreGroup +12 -3
  38. package/dist/chunks/Error +5 -4
  39. package/dist/chunks/FieldError +18 -10
  40. package/dist/chunks/Form +10 -6
  41. package/dist/chunks/Image +32 -0
  42. package/dist/chunks/Input +17 -16
  43. package/dist/chunks/Link +21 -20
  44. package/dist/chunks/Loader +5 -4
  45. package/dist/chunks/Menu +27 -26
  46. package/dist/chunks/MenuLabel +9 -8
  47. package/dist/chunks/ModalAction +34 -30
  48. package/dist/chunks/ModalBase +19 -15
  49. package/dist/chunks/NavigationMenu +14 -13
  50. package/dist/chunks/NavigationSidebar +20 -19
  51. package/dist/chunks/Popover +8 -7
  52. package/dist/chunks/Select +96 -64
  53. package/dist/chunks/Sidebar +39 -34
  54. package/dist/chunks/Success +5 -4
  55. package/dist/chunks/TextArea +18 -17
  56. package/dist/chunks/ThemeSwitcher +30 -25
  57. package/dist/chunks/Toast +49 -0
  58. package/dist/chunks/ToggleButton +19 -13
  59. package/dist/chunks/ToggleButtonGroup +14 -13
  60. package/dist/chunks/Tooltip +22 -21
  61. package/dist/chunks/Tree +19 -18
  62. package/dist/chunks/Viewport +16 -0
  63. package/dist/chunks/useSplash +30 -28
  64. package/dist/components/Avatar/Avatar.d.ts +1 -1
  65. package/dist/components/Avatar/types.d.ts +7 -5
  66. package/dist/components/Button/ButtonBase/ButtonLink.d.ts +1 -1
  67. package/dist/components/Button/ButtonBase/types.d.ts +3 -6
  68. package/dist/components/Button/ButtonChild/ButtonChild.d.ts +1 -1
  69. package/dist/components/Container/Container.d.ts +2 -0
  70. package/dist/components/Container/index.d.ts +2 -0
  71. package/dist/components/Container/index.js +4 -0
  72. package/dist/components/Container/types.d.ts +5 -0
  73. package/dist/components/Disclosure/Disclosure/Disclosure.d.ts +1 -1
  74. package/dist/components/Disclosure/Disclosure/types.d.ts +2 -0
  75. package/dist/components/Image/Image.d.ts +3 -0
  76. package/dist/components/Image/ImageSource.d.ts +3 -0
  77. package/dist/components/Image/ImageVariants.d.ts +3 -0
  78. package/dist/components/Image/index.d.ts +2 -0
  79. package/dist/components/Image/index.js +4 -0
  80. package/dist/components/Image/types.d.ts +17 -0
  81. package/dist/components/Toast/Toast.d.ts +2 -0
  82. package/dist/components/Toast/index.d.ts +2 -0
  83. package/dist/components/Toast/index.js +4 -0
  84. package/dist/components/Toast/types.d.ts +12 -0
  85. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  86. package/dist/components/Viewport/Viewport.d.ts +1 -0
  87. package/dist/components/Viewport/index.d.ts +1 -0
  88. package/dist/components/Viewport/index.js +4 -0
  89. package/dist/components/VisualSettings/ComponentShapeSwitcher/ComponentShapeSwitcher.d.ts +0 -1
  90. package/dist/components/VisualSettings/ComponentShapeSwitcher/types.d.ts +5 -0
  91. package/dist/components/VisualSettings/ThemeSwitcher/ThemeSwitcher.d.ts +0 -1
  92. package/dist/components/VisualSettings/ThemeSwitcher/types.d.ts +6 -0
  93. package/dist/index.d.ts +4 -1
  94. package/dist/index.js +62 -56
  95. package/package.json +81 -71
  96. package/dist/assets/VisualSettings.css +0 -1
  97. package/dist/chunks/VisualSettings +0 -55
  98. package/dist/components/VisualSettings/VisualSettings/VisualSettings.d.ts +0 -3
  99. package/dist/components/VisualSettings/VisualSettings/index.d.ts +0 -2
  100. package/dist/components/VisualSettings/VisualSettings/index.js +0 -4
  101. package/dist/components/VisualSettings/VisualSettings/types.d.ts +0 -3
@@ -1,28 +1,29 @@
1
- import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
- import { TooltipTrigger as c, Tooltip as n, OverlayArrow as p } from "react-aria-components";
3
- import '../assets/Tooltip.css';const l = "_tooltip_5kv1r_1", v = "_primary_5kv1r_133", y = "_secondary_5kv1r_153", m = "_tertiary_5kv1r_163", k = "_error_5kv1r_173", u = "_success_5kv1r_193", o = {
4
- tooltip: l,
5
- "tooltip-arrow": "_tooltip-arrow_5kv1r_53",
6
- primary: v,
7
- "primary-variant": "_primary-variant_5kv1r_143",
1
+ import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
+ import { TooltipTrigger as n, Tooltip as p, OverlayArrow as l } from "react-aria-components";
3
+ import { clsx as e } from "clsx";
4
+ import '../assets/Tooltip.css';const f = "_tooltip_1iz1f_1", m = "_primary_1iz1f_67", y = "_secondary_1iz1f_77", z = "_tertiary_1iz1f_82", u = "_error_1iz1f_87", v = "_success_1iz1f_97", o = {
5
+ tooltip: f,
6
+ "tooltip-arrow": "_tooltip-arrow_1iz1f_27",
7
+ primary: m,
8
+ "primary-variant": "_primary-variant_1iz1f_72",
8
9
  secondary: y,
9
- tertiary: m,
10
- error: k,
11
- "inverse-surface": "_inverse-surface_5kv1r_183",
12
- success: u
13
- }, T = ({
10
+ tertiary: z,
11
+ error: u,
12
+ "inverse-surface": "_inverse-surface_1iz1f_92",
13
+ success: v
14
+ }, x = ({
14
15
  children: t,
15
- description: s,
16
- theme: i = "inverse-surface",
17
- delay: a = 250,
18
- closeDelay: _ = 150
19
- }) => s ? /* @__PURE__ */ e(c, { delay: a, closeDelay: _, children: [
16
+ description: i,
17
+ theme: a = "inverse-surface",
18
+ delay: _ = 250,
19
+ closeDelay: c = 150
20
+ }) => i ? /* @__PURE__ */ s(n, { delay: _, closeDelay: c, children: [
20
21
  t,
21
- /* @__PURE__ */ e(n, { className: `${o.tooltip} ${o[i]}`, children: [
22
- /* @__PURE__ */ r(p, { className: `${o["tooltip-arrow"]}`, children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
23
- s
22
+ /* @__PURE__ */ s(p, { className: e(o.tooltip, o[a]), children: [
23
+ /* @__PURE__ */ r(l, { className: e(o["tooltip-arrow"]), children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
24
+ i
24
25
  ] })
25
26
  ] }) : t;
26
27
  export {
27
- T
28
+ x as T
28
29
  };
package/dist/chunks/Tree CHANGED
@@ -1,35 +1,36 @@
1
- import { jsx as t, Fragment as i, jsxs as s } from "react/jsx-runtime";
2
- import { Tree as p, TreeItem as l, TreeItemContent as h } from "react-aria-components";
3
- import { ChevronRight as T } from "lucide-react";
4
- import '../assets/Tree.css';const f = "_tree_1s2dv_1", o = {
5
- tree: f,
6
- "tree-item": "_tree-item_1s2dv_11"
7
- }, a = ({ item: e }) => {
8
- if (e.type === "separator") return /* @__PURE__ */ t(i, {});
9
- const r = e.type === "link", d = e.type === "button", c = e.type === "item-node", u = e.active;
10
- return /* @__PURE__ */ s(
11
- l,
1
+ import { jsx as t, Fragment as p, jsxs as o } from "react/jsx-runtime";
2
+ import { Tree as l, TreeItem as m, TreeItemContent as f } from "react-aria-components";
3
+ import { ChevronRight as h } from "lucide-react";
4
+ import s from "clsx";
5
+ import '../assets/Tree.css';const T = "_tree_zobz7_1", a = {
6
+ tree: T,
7
+ "tree-item": "_tree-item_zobz7_6"
8
+ }, c = ({ item: e }) => {
9
+ if (e.type === "separator") return /* @__PURE__ */ t(p, {});
10
+ const r = e.type === "link", d = e.type === "button", i = e.type === "item-node", u = e.active;
11
+ return /* @__PURE__ */ o(
12
+ m,
12
13
  {
13
14
  textValue: e.id,
14
15
  target: e.target,
15
16
  onAction: e.onPress,
16
17
  href: e.href,
17
- className: o["tree-item"],
18
+ className: s(a["tree-item"]),
18
19
  ...r && { "data-link": !0 },
19
20
  ...d && { "data-button": !0 },
20
- ...c && { "data-node": !0 },
21
+ ...i && { "data-node": !0 },
21
22
  ...u && { "data-active": !0 },
22
23
  children: [
23
- /* @__PURE__ */ s(h, { children: [
24
+ /* @__PURE__ */ o(f, { children: [
24
25
  e.node,
25
- e.subItems && /* @__PURE__ */ t(T, {})
26
+ e.subItems && /* @__PURE__ */ t(h, {})
26
27
  ] }),
27
- e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
28
+ e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(c, { item: n }, n.id))
28
29
  ]
29
30
  },
30
31
  e.id
31
32
  );
32
- }, y = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
33
+ }, g = ({ items: e }) => /* @__PURE__ */ t(l, { className: s(a.tree), children: e.map((r) => /* @__PURE__ */ t(c, { item: r }, r.id)) });
33
34
  export {
34
- y as T
35
+ g as T
35
36
  };
@@ -0,0 +1,16 @@
1
+ import { jsx as o, Fragment as r } from "react/jsx-runtime";
2
+ import { useEffect as c } from "react";
3
+ const u = () => (c(() => {
4
+ const e = () => {
5
+ const n = document.documentElement.clientWidth / 100;
6
+ document.documentElement.style.setProperty("--vw", `${n}px`);
7
+ };
8
+ e();
9
+ const t = new ResizeObserver(e);
10
+ return t.observe(document.documentElement), () => {
11
+ t.disconnect();
12
+ };
13
+ }, []), /* @__PURE__ */ o(r, {}));
14
+ export {
15
+ u as V
16
+ };
@@ -1,28 +1,30 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { useState as c, useRef as i, useEffect as l } from "react";
3
- import '../assets/useSplash.css';const u = "_button_iyh6t_1", y = "_square_iyh6t_123", h = "_avatar_iyh6t_139", d = "_rectangle_iyh6t_155", m = "_shrink_iyh6t_167", p = "_primary_iyh6t_179", f = "_secondary_iyh6t_199", v = "_tertiary_iyh6t_209", x = "_error_iyh6t_219", k = "_success_iyh6t_239", S = "_filled_iyh6t_251", b = "_outlined_iyh6t_261", g = "_text_iyh6t_271", j = {
4
- button: u,
5
- "button-link": "_button-link_iyh6t_91",
6
- square: y,
7
- avatar: h,
8
- rectangle: d,
9
- shrink: m,
10
- primary: p,
11
- "primary-variant": "_primary-variant_iyh6t_189",
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import i from "clsx";
3
+ import { useState as u, useRef as _, useEffect as l } from "react";
4
+ import '../assets/useSplash.css';const y = "_button_x3zyt_1", x = "_square_x3zyt_62", d = "_avatar_x3zyt_70", z = "_shrink_x3zyt_84", m = "_primary_x3zyt_100", f = "_secondary_x3zyt_110", p = "_tertiary_x3zyt_115", h = "_error_x3zyt_120", v = "_success_x3zyt_130", k = "_filled_x3zyt_136", S = "_outlined_x3zyt_141", b = "_text_x3zyt_146", B = {
5
+ button: y,
6
+ "button-link": "_button-link_x3zyt_46",
7
+ square: x,
8
+ avatar: d,
9
+ default: "_default_x3zyt_78",
10
+ shrink: z,
11
+ "square-shrink": "_square-shrink_x3zyt_91",
12
+ primary: m,
13
+ "primary-variant": "_primary-variant_x3zyt_105",
12
14
  secondary: f,
13
- tertiary: v,
14
- error: x,
15
- "inverse-surface": "_inverse-surface_iyh6t_229",
16
- success: k,
17
- filled: S,
18
- outlined: b,
19
- text: g
20
- }, q = "_splash_zhwi0_1", T = {
15
+ tertiary: p,
16
+ error: h,
17
+ "inverse-surface": "_inverse-surface_x3zyt_125",
18
+ success: v,
19
+ filled: k,
20
+ outlined: S,
21
+ text: b
22
+ }, q = "_splash_v0svv_1", T = {
21
23
  splash: q
22
- }, w = ({ id: r, x: e, y: s }) => /* @__PURE__ */ o(
24
+ }, C = ({ id: r, x: e, y: s }) => /* @__PURE__ */ c(
23
25
  "div",
24
26
  {
25
- className: `${T.splash}`,
27
+ className: i(T.splash),
26
28
  style: {
27
29
  insetInlineStart: e,
28
30
  insetBlockStart: s,
@@ -30,17 +32,17 @@ import '../assets/useSplash.css';const u = "_button_iyh6t_1", y = "_square_iyh6t
30
32
  }
31
33
  },
32
34
  `${r}`
33
- ), z = (r) => {
34
- const [e, s] = c(null), a = i(0);
35
- let n = i(void 0), _ = (t) => {
35
+ ), E = (r) => {
36
+ const [e, s] = u(null), a = _(0);
37
+ let n = _(void 0), o = (t) => {
36
38
  s({ id: a.current++, x: t.x, y: t.y }), t.x !== -1 && t.y !== -1 && (clearTimeout(n.current), n.current = setTimeout(() => s(null), 500)), r?.(t);
37
39
  };
38
40
  return l(() => () => {
39
41
  clearTimeout(n.current);
40
- }, []), { coords: e, handlePress: _ };
42
+ }, []), { coords: e, handlePress: o };
41
43
  };
42
44
  export {
43
- w as S,
44
- j as s,
45
- z as u
45
+ C as S,
46
+ B as s,
47
+ E as u
46
48
  };
@@ -1,2 +1,2 @@
1
1
  import { AvatarProps } from './types';
2
- export declare const Avatar: ({ src, children, size, label, theme, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Avatar: ({ type, image, children, size, theme, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +1,23 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ColorTheme } from '../../utils/types';
3
+ import { ImageProps } from '../Image';
3
4
  export type AvatarSize = "small" | "normal" | "large";
4
5
  export type AvatarType = "image" | "node";
5
6
  interface AvatarRootProps {
6
7
  size?: AvatarSize;
7
- label?: string;
8
8
  theme?: ColorTheme;
9
9
  }
10
- interface AvatarWithSrc extends AvatarRootProps {
11
- src: string;
10
+ interface AvatarWithImage extends AvatarRootProps {
11
+ type: "image";
12
+ image: ImageProps;
12
13
  children?: never;
13
14
  }
14
15
  interface AvatarWithChildren extends AvatarRootProps {
15
- src?: never;
16
+ type: "children";
17
+ image?: never;
16
18
  children: string;
17
19
  }
18
- export type AvatarProps = AvatarWithSrc | AvatarWithChildren;
20
+ export type AvatarProps = AvatarWithImage | AvatarWithChildren;
19
21
  export interface AvatarBaseProps {
20
22
  children: ReactNode;
21
23
  size: AvatarSize;
@@ -1,2 +1,2 @@
1
1
  import { ButtonLinkProps } from './types.ts';
2
- export declare const ButtonLink: ({ variant, theme, shape, description, underline, children, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ButtonLink: ({ variant, theme, description, underline, children, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,8 @@
1
+ import { LinkProps } from '../../Link/LinkBase';
1
2
  import { ColorTheme } from '../../../utils/types';
2
- import { ButtonProps as AriaButtonProps, LinkProps, Key } from 'react-aria-components';
3
+ import { ButtonProps as AriaButtonProps, Key } from 'react-aria-components';
3
4
  export type ButtonVariant = "filled" | "outlined" | "text";
4
- export type ButtonShape = "rectangle" | "square" | "avatar" | "shrink";
5
+ export type ButtonShape = "default" | "square" | "square-shrink" | "avatar" | "shrink";
5
6
  export interface ButtonProps extends ButtonVariantProps {
6
7
  variant: ButtonVariant;
7
8
  }
@@ -11,11 +12,7 @@ export interface ButtonVariantProps extends AriaButtonProps {
11
12
  description?: string;
12
13
  }
13
14
  export interface ButtonLinkProps extends LinkProps {
14
- theme?: ColorTheme;
15
15
  variant?: ButtonVariant;
16
- shape?: ButtonShape;
17
- description?: string;
18
- underline?: boolean;
19
16
  }
20
17
  export interface ToggleButtonProps {
21
18
  id: Key;
@@ -1,2 +1,2 @@
1
1
  import { ButtonChildProps } from './types';
2
- export declare const ButtonChild: ({ buttonState, value }: ButtonChildProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ButtonChild: ({ buttonState, value }: ButtonChildProps) => string | import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ContainerProps } from './types';
2
+ export declare const Container: React.FC<ContainerProps>;
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './Container';
@@ -0,0 +1,4 @@
1
+ import { C as a } from "../../chunks/Container";
2
+ export {
3
+ a as Container
4
+ };
@@ -0,0 +1,5 @@
1
+ type ContainerVariant = "default" | "wide" | "full";
2
+ export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ variant?: ContainerVariant;
4
+ }
5
+ export {};
@@ -1,2 +1,2 @@
1
1
  import { DisclosureProps } from './types';
2
- export declare const Disclosure: ({ heading, children, id }: DisclosureProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Disclosure: ({ heading, children, id, triggerTheme, }: DisclosureProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,8 @@
1
+ import { ColorTheme } from '../../../utils/types';
1
2
  import { ReactNode } from 'react';
2
3
  export interface DisclosureProps {
3
4
  id?: string;
4
5
  heading: string;
5
6
  children: ReactNode;
7
+ triggerTheme?: ColorTheme;
6
8
  }
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ import { ImageProps } from './types';
3
+ export declare const Image: React.FC<ImageProps>;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ import { ImageSourceProps } from './types';
3
+ export declare const ImageSource: React.FC<ImageSourceProps>;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ import { ImageVariantProps } from './types';
3
+ export declare const ImageVariants: React.FC<ImageVariantProps>;
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './Image';
@@ -0,0 +1,4 @@
1
+ import { I as m } from "../../chunks/Image";
2
+ export {
3
+ m as Image
4
+ };
@@ -0,0 +1,17 @@
1
+ export type ImageVariant = "thumbnail" | "small" | "medium" | "large" | "extraLarge";
2
+ export type ImageVariants = Record<ImageVariant, string>;
3
+ type NativeImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet">;
4
+ export type ImageSourceProps = NativeImageProps & {
5
+ type: "source";
6
+ src: string;
7
+ original?: never;
8
+ variants?: never;
9
+ };
10
+ export type ImageVariantProps = NativeImageProps & {
11
+ type: "variants";
12
+ src?: never;
13
+ original: string;
14
+ variants: ImageVariants;
15
+ };
16
+ export type ImageProps = ImageSourceProps | ImageVariantProps;
17
+ export {};
@@ -0,0 +1,2 @@
1
+ import { ToastProps } from './types';
2
+ export declare function toast(details: ToastProps): string | number;
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ export * from './Toast';
@@ -0,0 +1,4 @@
1
+ import { t as a } from "../../chunks/Toast";
2
+ export {
3
+ a as toast
4
+ };
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from 'react';
2
+ import { CardBackground } from '../Card/BaseCard';
3
+ export type ToastProps = {
4
+ background?: CardBackground;
5
+ dismissable?: boolean;
6
+ closeButton?: boolean;
7
+ duration?: number;
8
+ toasterID?: string;
9
+ heading: string;
10
+ description?: string;
11
+ prefixIcon?: ReactNode;
12
+ };
@@ -1,2 +1,2 @@
1
1
  import { TooltipProps } from './types';
2
- export declare const Tooltip: ({ children, description, theme, delay, closeDelay, }: TooltipProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
2
+ export declare const Tooltip: ({ children, description, theme, delay, closeDelay, }: TooltipProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
@@ -0,0 +1 @@
1
+ export declare const Viewport: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Viewport';
@@ -0,0 +1,4 @@
1
+ import { V as e } from "../../chunks/Viewport";
2
+ export {
3
+ e as Viewport
4
+ };
@@ -1,3 +1,2 @@
1
1
  import { ComponentShapeSwitcherProps } from './types';
2
- import { default as React } from 'react';
3
2
  export declare const ComponentShapeSwitcher: React.FC<ComponentShapeSwitcherProps>;
@@ -1,7 +1,12 @@
1
1
  import { ColorTheme } from '../../../utils/types';
2
2
  export type ComponentShapes = "sharp" | "round";
3
3
  export declare const ComponentShapeKey = "component-shape-preference";
4
+ export type ShapeValue = {
5
+ sharp: string;
6
+ round: string;
7
+ };
4
8
  export interface ComponentShapeSwitcherProps {
5
9
  ui?: boolean;
6
10
  theme?: ColorTheme;
11
+ displayValue?: ShapeValue;
7
12
  }
@@ -1,3 +1,2 @@
1
- import { default as React } from 'react';
2
1
  import { ThemeSwitcherProps } from './types';
3
2
  export declare const ThemeSwitcher: React.FC<ThemeSwitcherProps>;
@@ -1,5 +1,11 @@
1
1
  import { ColorTheme } from '../../../utils/types';
2
+ export type ThemeValue = {
3
+ system: string;
4
+ light: string;
5
+ dark: string;
6
+ };
2
7
  export interface ThemeSwitcherProps {
3
8
  ui?: boolean;
4
9
  theme?: ColorTheme;
10
+ displayValue?: ThemeValue;
5
11
  }
package/dist/index.d.ts CHANGED
@@ -8,12 +8,14 @@ export * from './components/Button/ToggleButton';
8
8
  export * from './components/Card/BaseCard';
9
9
  export * from './components/Card/GradientCard';
10
10
  export * from './components/Card/SolidCard';
11
+ export * from './components/Container';
11
12
  export * from './components/Disclosure/Disclosure';
12
13
  export * from './components/Disclosure/DisclousureGroup';
13
14
  export * from './components/Error';
14
15
  export * from './components/Form/Form';
15
16
  export * from './components/Form/Input';
16
17
  export * from './components/Form/TextArea';
18
+ export * from './components/Image';
17
19
  export * from './components/Link/FilledButtonLink';
18
20
  export * from './components/Link/LinkBase';
19
21
  export * from './components/Link/OutlinedButtonLink';
@@ -31,10 +33,11 @@ export * from './components/Popover/PopoverDialog';
31
33
  export * from './components/Select';
32
34
  export * from './components/Sidebar';
33
35
  export * from './components/Success';
36
+ export * from './components/Toast';
34
37
  export * from './components/ToggleButtonGroup';
35
38
  export * from './components/Tooltip';
36
39
  export * from './components/Tree';
40
+ export * from './components/Viewport';
37
41
  export * from './components/VisualSettings/ComponentShapeSwitcher';
38
42
  export * from './components/VisualSettings/ThemeSwitcher';
39
- export * from './components/VisualSettings/VisualSettings';
40
43
  export type * from './utils/types';
package/dist/index.js CHANGED
@@ -7,70 +7,76 @@ import { T as u } from "./chunks/ToggleButton";
7
7
  import { B as d } from "./chunks/BaseCard";
8
8
  import { G as B } from "./chunks/GradientCard";
9
9
  import { S as g } from "./chunks/SolidCard";
10
- import { D as c } from "./chunks/Disclosure";
11
- import { D as L } from "./chunks/DisclousreGroup";
12
- import { E as F } from "./chunks/Error";
13
- import { F as h } from "./chunks/Form";
14
- import { I as A } from "./chunks/Input";
15
- import { T as O } from "./chunks/TextArea";
16
- import { F as b } from "./chunks/FilledButtonLink";
17
- import { L as w } from "./chunks/Link";
18
- import { O as I } from "./chunks/OutlinedButtonLink";
19
- import { L as R } from "./chunks/Loader";
20
- import { M as q } from "./chunks/MenuButton";
21
- import { M as z } from "./chunks/MenuLabel";
22
- import { M as J } from "./chunks/ModalAction";
23
- import { M as Q } from "./chunks/ModalBase";
24
- import { N as W } from "./chunks/NavigationMenu";
25
- import { N as Y } from "./chunks/NavigationResponsive";
26
- import { N as _ } from "./chunks/NavigationSidebar";
27
- import { P as oo } from "./chunks/Popover";
28
- import { P as eo } from "./chunks/PopoverDialog";
29
- import { S as ao } from "./chunks/Select";
30
- import { S as po } from "./chunks/Sidebar";
31
- import { S as xo } from "./chunks/Success";
32
- import { T as io } from "./chunks/ToggleButtonGroup";
33
- import { T as uo } from "./chunks/Tooltip";
34
- import { T as To } from "./chunks/Tree";
35
- import { C as So } from "./chunks/ComponentShapeSwitcher";
36
- import { T as Mo } from "./chunks/ThemeSwitcher";
37
- import { V as vo } from "./chunks/VisualSettings";
10
+ import { C as c } from "./chunks/Container";
11
+ import { D as v } from "./chunks/Disclosure";
12
+ import { D as F } from "./chunks/DisclousreGroup";
13
+ import { E as h } from "./chunks/Error";
14
+ import { F as A } from "./chunks/Form";
15
+ import { I } from "./chunks/Input";
16
+ import { T as P } from "./chunks/TextArea";
17
+ import { I as k } from "./chunks/Image";
18
+ import { F as E } from "./chunks/FilledButtonLink";
19
+ import { L as R } from "./chunks/Link";
20
+ import { O as q } from "./chunks/OutlinedButtonLink";
21
+ import { L as z } from "./chunks/Loader";
22
+ import { M as J } from "./chunks/MenuButton";
23
+ import { M as Q } from "./chunks/MenuLabel";
24
+ import { M as W } from "./chunks/ModalAction";
25
+ import { M as Y } from "./chunks/ModalBase";
26
+ import { N as _ } from "./chunks/NavigationMenu";
27
+ import { N as oo } from "./chunks/NavigationResponsive";
28
+ import { N as eo } from "./chunks/NavigationSidebar";
29
+ import { P as ao } from "./chunks/Popover";
30
+ import { P as po } from "./chunks/PopoverDialog";
31
+ import { S as xo } from "./chunks/Select";
32
+ import { S as io } from "./chunks/Sidebar";
33
+ import { S as uo } from "./chunks/Success";
34
+ import { t as To } from "./chunks/Toast";
35
+ import { T as So } from "./chunks/ToggleButtonGroup";
36
+ import { T as Mo } from "./chunks/Tooltip";
37
+ import { T as Co } from "./chunks/Tree";
38
+ import { V as Lo } from "./chunks/Viewport";
39
+ import { C as No } from "./chunks/ComponentShapeSwitcher";
40
+ import { T as Do } from "./chunks/ThemeSwitcher";
38
41
  export {
39
42
  e as Avatar,
40
43
  d as BaseCard,
41
44
  a as ButtonChild,
42
- So as ComponentShapeSwitcher,
43
- c as Disclosure,
44
- L as DisclosureGroup,
45
- F as Error,
45
+ No as ComponentShapeSwitcher,
46
+ c as Container,
47
+ v as Disclosure,
48
+ F as DisclosureGroup,
49
+ h as Error,
46
50
  p as FilledButton,
47
- b as FilledButtonLink,
48
- h as Form,
51
+ E as FilledButtonLink,
52
+ A as Form,
49
53
  B as GradientCard,
50
- A as Input,
51
- w as Link,
52
- R as Loader,
53
- q as MenuButton,
54
- z as MenuLabel,
55
- J as ModalAction,
56
- Q as ModalBase,
57
- W as NavigationMenu,
58
- Y as NavigationResponsive,
59
- _ as NavigationSidebar,
54
+ k as Image,
55
+ I as Input,
56
+ R as Link,
57
+ z as Loader,
58
+ J as MenuButton,
59
+ Q as MenuLabel,
60
+ W as ModalAction,
61
+ Y as ModalBase,
62
+ _ as NavigationMenu,
63
+ oo as NavigationResponsive,
64
+ eo as NavigationSidebar,
60
65
  x as OutlinedButton,
61
- I as OutlinedButtonLink,
62
- oo as Popover,
63
- eo as PopoverDialog,
64
- ao as Select,
65
- po as Sidebar,
66
+ q as OutlinedButtonLink,
67
+ ao as Popover,
68
+ po as PopoverDialog,
69
+ xo as Select,
70
+ io as Sidebar,
66
71
  g as SolidCard,
67
- xo as Success,
68
- O as TextArea,
72
+ uo as Success,
73
+ P as TextArea,
69
74
  i as TextButton,
70
- Mo as ThemeSwitcher,
75
+ Do as ThemeSwitcher,
71
76
  u as ToggleButton,
72
- io as ToggleButtonGroup,
73
- uo as Tooltip,
74
- To as Tree,
75
- vo as VisualSettings
77
+ So as ToggleButtonGroup,
78
+ Mo as Tooltip,
79
+ Co as Tree,
80
+ Lo as Viewport,
81
+ To as toast
76
82
  };