@alixpartners/ui-components 2.0.0-beta.9 → 2.0.1

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 (53) hide show
  1. package/README.md +2 -2
  2. package/dist/ap-logos-Cl1TR5nm.js +4 -0
  3. package/dist/assets/Banner.css +1 -1
  4. package/dist/assets/Button.css +1 -1
  5. package/dist/assets/Checkbox.css +1 -1
  6. package/dist/assets/Dialog.css +1 -1
  7. package/dist/assets/DragAndDrop.css +1 -1
  8. package/dist/assets/Dropdown.css +1 -1
  9. package/dist/assets/Input.css +1 -1
  10. package/dist/assets/LogosGallery.css +1 -0
  11. package/dist/assets/NavBar.css +1 -1
  12. package/dist/assets/SplitButton.css +1 -1
  13. package/dist/assets/TabNavigation.css +1 -1
  14. package/dist/assets/Tag.css +1 -1
  15. package/dist/assets/Textarea.css +1 -1
  16. package/dist/assets/Toast.css +1 -1
  17. package/dist/assets/ap-icons-types.d.ts +1 -1
  18. package/dist/assets/ap-icons.d.ts +1 -1
  19. package/dist/assets/ap-logos-types.d.ts +1 -0
  20. package/dist/assets/ap-logos.d.ts +1 -0
  21. package/dist/assets/main.css +1 -1
  22. package/dist/components/Button/Button.d.ts +11 -12
  23. package/dist/components/Button/Button.js +15 -14
  24. package/dist/components/Creatable/Creatable.d.ts +3 -1
  25. package/dist/components/Creatable/Creatable.js +26 -25
  26. package/dist/components/Dialog/Dialog.d.ts +15 -4
  27. package/dist/components/Dialog/Dialog.js +58 -42
  28. package/dist/components/DragAndDrop/DragAndDrop.d.ts +4 -1
  29. package/dist/components/DragAndDrop/DragAndDrop.js +82 -72
  30. package/dist/components/Dropdown/Dropdown.d.ts +8 -1
  31. package/dist/components/Dropdown/Dropdown.js +354 -320
  32. package/dist/components/Icons/IconsGallery.js +1 -1
  33. package/dist/components/Input/Input.d.ts +23 -22
  34. package/dist/components/Input/Input.js +62 -60
  35. package/dist/components/Logo/Logo.d.ts +8 -0
  36. package/dist/components/Logo/Logo.js +57 -0
  37. package/dist/components/Logos/LogosGallery.d.ts +1 -0
  38. package/dist/components/Logos/LogosGallery.js +16 -0
  39. package/dist/components/NavBar/NavBar.d.ts +13 -5
  40. package/dist/components/NavBar/NavBar.js +246 -230
  41. package/dist/components/SplitButton/SplitButton.js +20 -18
  42. package/dist/components/Tab/Tab.js +19 -19
  43. package/dist/components/TabNavigation/TabNavigation.js +11 -10
  44. package/dist/components/Tag/Tag.js +8 -8
  45. package/dist/components/Textarea/Textarea.d.ts +2 -2
  46. package/dist/components/Toast/Toast.js +2 -2
  47. package/dist/components/Toast/Toast.test.js +1 -1
  48. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  49. package/dist/components/Tooltip/Tooltip.js +12 -10
  50. package/dist/main.d.ts +5 -3
  51. package/dist/main.js +29 -25
  52. package/dist/storybook-docs-page.d.ts +4 -1
  53. package/package.json +1 -1
@@ -1,16 +1,17 @@
1
1
  import { jsx as a, jsxs as h } from "react/jsx-runtime";
2
2
  import { c as R } from "../../clsx-OuTLNxxd.js";
3
- import W from "../Button/Button.js";
3
+ import z from "../Button/Button.js";
4
4
  import * as d from "react";
5
- import { useRef as z, useState as N, useEffect as U } from "react";
5
+ import { useRef as W, useState as N, useEffect as U } from "react";
6
6
  import $ from "../Icon/Icon.js";
7
+ import "../Input/Input.js";
7
8
  import { u as K, c as H, P as j, a as M, b as F } from "../../index-DWydnyjJ.js";
8
- import { c as I, R as V, A as X, P as q, C as J, I as Q, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-CVWHq7Pr.js";
9
- import { u as C } from "../../index-2H7slGYV.js";
10
- import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Fo] = H(
9
+ import { c as C, R as V, A as X, P as q, C as J, I as Q, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-CVWHq7Pr.js";
10
+ import { u as I } from "../../index-2H7slGYV.js";
11
+ import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Vo] = H(
11
12
  v,
12
- [I]
13
- ), s = I(), [uo, y] = so(v), x = (o) => {
13
+ [C]
14
+ ), s = C(), [uo, y] = so(v), x = (o) => {
14
15
  const {
15
16
  __scopeDropdownMenu: t,
16
17
  children: e,
@@ -29,9 +30,9 @@ import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Fo] = H(
29
30
  uo,
30
31
  {
31
32
  scope: t,
32
- triggerId: C(),
33
+ triggerId: I(),
33
34
  triggerRef: _,
34
- contentId: C(),
35
+ contentId: I(),
35
36
  open: w,
36
37
  onOpenChange: f,
37
38
  onOpenToggle: d.useCallback(() => f((g) => !g), [f]),
@@ -146,18 +147,18 @@ var Ro = "DropdownMenuItemIndicator", So = d.forwardRef((o, t) => {
146
147
  return /* @__PURE__ */ a(to, { ...r, ...n, ref: t });
147
148
  });
148
149
  So.displayName = Ro;
149
- var No = "DropdownMenuSeparator", Co = d.forwardRef((o, t) => {
150
+ var No = "DropdownMenuSeparator", Io = d.forwardRef((o, t) => {
150
151
  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
151
152
  return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
152
153
  });
153
- Co.displayName = No;
154
- var Io = "DropdownMenuArrow", yo = d.forwardRef(
154
+ Io.displayName = No;
155
+ var Co = "DropdownMenuArrow", yo = d.forwardRef(
155
156
  (o, t) => {
156
157
  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
157
158
  return /* @__PURE__ */ a(ao, { ...r, ...n, ref: t });
158
159
  }
159
160
  );
160
- yo.displayName = Io;
161
+ yo.displayName = Co;
161
162
  var xo = "DropdownMenuSubTrigger", Po = d.forwardRef((o, t) => {
162
163
  const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
163
164
  return /* @__PURE__ */ a(io, { ...r, ...n, ref: t });
@@ -200,7 +201,7 @@ const u = {
200
201
  "split-button-dropdown-menu-size-sm": "SplitButton-module__split-button-dropdown-menu-size-sm___xlVmW",
201
202
  "split-button-dropdown-arrow": "SplitButton-module__split-button-dropdown-arrow___-Pf9C"
202
203
  };
203
- function Vo({
204
+ function Xo({
204
205
  type: o = "primary",
205
206
  trigger: t = "single",
206
207
  size: e = "md",
@@ -211,7 +212,7 @@ function Vo({
211
212
  className: p,
212
213
  ...l
213
214
  }) {
214
- const _ = z(null), [w, f] = N(0), [g, S] = N(!1);
215
+ const _ = W(null), [w, f] = N(0), [g, S] = N(!1);
215
216
  U(() => {
216
217
  var b;
217
218
  const m = (b = _.current) == null ? void 0 : b.getBoundingClientRect().width;
@@ -226,11 +227,12 @@ function Vo({
226
227
  t === "single" ? k() : n[0].action(), D == null || D(m);
227
228
  };
228
229
  return /* @__PURE__ */ h("div", { ref: _, className: R(u["split-button-container"], u[`split-button-container-type-${o}`], u[`split-button-container-trigger-${t}`], u[`split-button-container-size-${e}`], (r || i) && u["split-button-container-disabled"], p), children: [
229
- /* @__PURE__ */ a(W, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
230
+ /* @__PURE__ */ a(z, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
230
231
  /* @__PURE__ */ h(Oo, { open: g, onOpenChange: S, children: [
231
232
  /* @__PURE__ */ a(Bo, { disabled: r || i, className: u["split-button-dropdown-trigger"], children: /* @__PURE__ */ a($, { icon: "ap-icon-expand-more", className: R(u["split-button-dropdown-arrow"]) }) }),
232
233
  /* @__PURE__ */ a(To, { children: /* @__PURE__ */ h(ko, { align: "end", sideOffset: 5, style: {
233
- minWidth: w
234
+ minWidth: w,
235
+ zIndex: 9999
234
236
  }, children: [
235
237
  " ",
236
238
  /* @__PURE__ */ a("div", { className: R(u["split-button-dropdown-menu"], u[`split-button-dropdown-menu-size-${e}`], (r || i) && u["split-button-dropdown-menu-disabled"]), children: n.map((m, b) => t === "split" && b === 0 ? null : /* @__PURE__ */ a(Go, { title: m.label, onClick: () => m.action(), children: /* @__PURE__ */ a("button", { children: m.label }) }, m.value)) })
@@ -239,5 +241,5 @@ function Vo({
239
241
  ] });
240
242
  }
241
243
  export {
242
- Vo as default
244
+ Xo as default
243
245
  };
@@ -1,15 +1,15 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import { c as d } from "../../clsx-OuTLNxxd.js";
3
- import u from "../Icon/Icon.js";
4
- import '../../assets/Tab.css';const v = "Tab-module__tab___ShyYn", x = "Tab-module__active___tB2AH", T = "Tab-module__disabled___trlpg", _ = {
5
- tab: v,
6
- active: x,
7
- disabled: T,
1
+ import { jsxs as d, jsx as i } from "react/jsx-runtime";
2
+ import { c as l } from "../../clsx-OuTLNxxd.js";
3
+ import h from "../Icon/Icon.js";
4
+ import '../../assets/Tab.css';const x = "Tab-module__tab___ShyYn", T = "Tab-module__active___tB2AH", D = "Tab-module__disabled___trlpg", _ = {
5
+ tab: x,
6
+ active: T,
7
+ disabled: D,
8
8
  "tab-icon-alert": "Tab-module__tab-icon-alert___2OP17"
9
9
  };
10
10
  function O({
11
- label: i,
12
- numberCount: c,
11
+ label: r,
12
+ numberCount: o,
13
13
  hasError: b,
14
14
  iconClassName: m,
15
15
  active: s,
@@ -18,20 +18,20 @@ function O({
18
18
  className: f,
19
19
  ...e
20
20
  }) {
21
- const y = () => {
21
+ const u = () => {
22
22
  t || a == null || a();
23
- }, h = (n) => {
24
- var l;
25
- t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (l = e.onKeyDown) == null || l.call(e, n));
26
- };
27
- return /* @__PURE__ */ o("div", { className: d(_.tab, s && _.active, t && _.disabled, f), onClick: y, onKeyDown: h, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": s, "aria-disabled": t, ...e, children: [
28
- /* @__PURE__ */ r("span", { children: i }),
29
- c && /* @__PURE__ */ o("span", { children: [
23
+ }, v = (n) => {
24
+ var c;
25
+ t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (c = e.onKeyDown) == null || c.call(e, n));
26
+ }, y = o != null;
27
+ return /* @__PURE__ */ d("div", { className: l(_.tab, s && _.active, t && _.disabled, f), onClick: u, onKeyDown: v, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": s, "aria-disabled": t, ...e, children: [
28
+ /* @__PURE__ */ i("span", { children: r }),
29
+ y && /* @__PURE__ */ d("span", { children: [
30
30
  "(",
31
- c,
31
+ o,
32
32
  ")"
33
33
  ] }),
34
- b && /* @__PURE__ */ r(u, { icon: "ap-icon-alert", className: d(_["tab-icon-alert"], m) })
34
+ b && /* @__PURE__ */ i(h, { icon: "ap-icon-alert", className: l(_["tab-icon-alert"], m) })
35
35
  ] });
36
36
  }
37
37
  export {
@@ -1,19 +1,20 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { c as e } from "../../clsx-OuTLNxxd.js";
3
- import '../../assets/TabNavigation.css';const i = {
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { c as n } from "../../clsx-OuTLNxxd.js";
3
+ import '../../assets/TabNavigation.css';const a = {
4
4
  "tab-navigation": "TabNavigation-module__tab-navigation___y-Q6p",
5
+ "tab-navigation-items": "TabNavigation-module__tab-navigation-items___c1iWX",
5
6
  "align-left": "TabNavigation-module__align-left___hk75y",
6
7
  "align-right": "TabNavigation-module__align-right___ubb5N",
7
8
  "align-center": "TabNavigation-module__align-center___6apG1"
8
9
  };
9
- function r({
10
- children: t,
11
- align: a = "center",
12
- className: n,
13
- ..._
10
+ function b({
11
+ children: _,
12
+ align: i = "center",
13
+ className: o,
14
+ ...e
14
15
  }) {
15
- return /* @__PURE__ */ o("div", { className: e(i["tab-navigation"], a && i[`align-${a}`], n), ..._, children: t });
16
+ return /* @__PURE__ */ t("div", { className: n(a["tab-navigation"]), ...e, children: /* @__PURE__ */ t("div", { className: n(a["tab-navigation-items"], i && a[`align-${i}`], o), children: _ }) });
16
17
  }
17
18
  export {
18
- r as default
19
+ b as default
19
20
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as b, jsx as _ } from "react/jsx-runtime";
2
2
  import { c as h } from "../../clsx-OuTLNxxd.js";
3
- import o from "../Icon/Icon.js";
3
+ import n from "../Icon/Icon.js";
4
4
  import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-module__label___aGRya", a = {
5
5
  tag: p,
6
6
  "tag-md": "Tag-module__tag-md___JwMcM",
@@ -25,10 +25,10 @@ import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-modu
25
25
  };
26
26
  function z({
27
27
  type: e,
28
- size: n,
28
+ size: s,
29
29
  structure: l = "border",
30
30
  iconPosition: r,
31
- label: s,
31
+ label: c,
32
32
  color: i,
33
33
  className: u,
34
34
  noIcon: d,
@@ -48,13 +48,13 @@ function z({
48
48
  default:
49
49
  return "ap-icon-close";
50
50
  }
51
- })(e), c = () => {
51
+ })(e), o = () => {
52
52
  e === "basic" && (g == null || g());
53
53
  };
54
- return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${n}`], a[`tag-${l}`], e === "basic" && a[`tag-${i}`], u), ...m, children: [
55
- t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick: c, children: /* @__PURE__ */ _(o, { icon: t }) }),
56
- /* @__PURE__ */ _("span", { className: a.label, children: s }),
57
- t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick: c, children: /* @__PURE__ */ _(o, { icon: t }) })
54
+ return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${s}`], a[`tag-${l}`], e === "basic" && a[`tag-${i}`], u), ...m, children: [
55
+ t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) }),
56
+ /* @__PURE__ */ _("span", { title: c, className: a.label, children: c }),
57
+ t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) })
58
58
  ] });
59
59
  }
60
60
  export {
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { TooltipProps } from '../Tooltip/Tooltip';
3
- import { FormElementEventHandlers } from '../../types/native-events';
3
+ import { InteractiveEventHandlers } from '../../types/native-events';
4
4
  export type TextareaLabelTooltipProps = Omit<TooltipProps, 'children'>;
5
5
  type TextareaProps = {
6
6
  className?: string;
@@ -18,7 +18,7 @@ type TextareaProps = {
18
18
  onChange?: (value: string) => void;
19
19
  fullWidth?: boolean;
20
20
  labelTooltip?: TextareaLabelTooltipProps;
21
- } & FormElementEventHandlers;
21
+ } & InteractiveEventHandlers;
22
22
  /**
23
23
  * Textarea component for multi-line text input with support for validation, character counting, and accessibility features.
24
24
  *
@@ -67,11 +67,11 @@ function j({
67
67
  if (d)
68
68
  return {
69
69
  position: "relative",
70
- zIndex: 1e3
70
+ zIndex: 1001
71
71
  };
72
72
  const t = {
73
73
  position: "fixed",
74
- zIndex: 1e3
74
+ zIndex: 1001
75
75
  }, i = () => {
76
76
  switch (o) {
77
77
  case "top-center":
@@ -98,7 +98,7 @@ i("Toast", () => {
98
98
  const t = s.getByTestId("toast");
99
99
  e(t).toHaveStyle({
100
100
  position: "relative",
101
- zIndex: 1e3
101
+ zIndex: 1001
102
102
  }), e(t).not.toHaveStyle({
103
103
  top: "0px",
104
104
  left: "50%",
@@ -31,4 +31,4 @@ export type TooltipProps = {
31
31
  * @param {() => void} [props.onClose] - Callback fired when the tooltip is closed (only available for 'md' size)
32
32
  * @returns {JSX.Element} The rendered Tooltip component
33
33
  */
34
- export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
34
+ export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { jsx as u, jsxs as k } from "react/jsx-runtime";
2
2
  import * as i from "react";
3
- import { useState as z } from "react";
3
+ import { useState as Z } from "react";
4
4
  import { c as j } from "../../clsx-OuTLNxxd.js";
5
5
  import ee from "../Icon/Icon.js";
6
6
  import { P as G, c as te, u as oe, d as F, a as C, h as re } from "../../index-DWydnyjJ.js";
@@ -157,7 +157,7 @@ q.displayName = M;
157
157
  var b = "TooltipContent", W = i.forwardRef(
158
158
  (t, o) => {
159
159
  const e = Te(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...s } = t, a = O(b, t.__scopeTooltip);
160
- return /* @__PURE__ */ u(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(J, { side: n, ...s, ref: o }) : /* @__PURE__ */ u(ye, { side: n, ...s, ref: o }) });
160
+ return /* @__PURE__ */ u(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(z, { side: n, ...s, ref: o }) : /* @__PURE__ */ u(ye, { side: n, ...s, ref: o }) });
161
161
  }
162
162
  ), ye = i.forwardRef((t, o) => {
163
163
  const e = O(b, t.__scopeTooltip), r = I(b, t.__scopeTooltip), n = i.useRef(null), s = F(o, n), [a, h] = i.useState(null), { trigger: l, onClose: f } = e, c = n.current, { onPointerInTransitChange: d } = r, v = i.useCallback(() => {
@@ -184,8 +184,8 @@ var b = "TooltipContent", W = i.forwardRef(
184
184
  };
185
185
  return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
186
186
  }
187
- }, [l, c, a, f, v]), /* @__PURE__ */ u(J, { ...t, ref: s });
188
- }), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"), J = i.forwardRef(
187
+ }, [l, c, a, f, v]), /* @__PURE__ */ u(z, { ...t, ref: s });
188
+ }), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"), z = i.forwardRef(
189
189
  (t, o) => {
190
190
  const {
191
191
  __scopeTooltip: e,
@@ -238,16 +238,16 @@ var b = "TooltipContent", W = i.forwardRef(
238
238
  }
239
239
  );
240
240
  W.displayName = b;
241
- var Q = "TooltipArrow", Z = i.forwardRef(
241
+ var J = "TooltipArrow", Q = i.forwardRef(
242
242
  (t, o) => {
243
243
  const { __scopeTooltip: e, ...r } = t, n = L(e);
244
244
  return ge(
245
- Q,
245
+ J,
246
246
  e
247
247
  ).isInside ? null : /* @__PURE__ */ u(se, { ...n, ...r, ref: o });
248
248
  }
249
249
  );
250
- Z.displayName = Q;
250
+ Q.displayName = J;
251
251
  function be(t, o) {
252
252
  const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), s = Math.abs(o.left - t.x);
253
253
  switch (Math.min(e, r, n, s)) {
@@ -340,7 +340,7 @@ function Oe(t) {
340
340
  }
341
341
  return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
342
342
  }
343
- var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Z;
343
+ var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Q;
344
344
  const Me = "Tooltip-module__tooltip___LjRUX", Se = "Tooltip-module__closable___MjoEb", y = {
345
345
  "tooltip-container": "Tooltip-module__tooltip-container___X4jVa",
346
346
  tooltip: Me,
@@ -370,7 +370,7 @@ function Ye({
370
370
  onClose: l,
371
371
  className: f
372
372
  }) {
373
- const [c, d] = z(h), v = () => {
373
+ const [c, d] = Z(h), v = () => {
374
374
  d(!1);
375
375
  }, p = (_) => {
376
376
  _.key === "Escape" && d(!1);
@@ -385,7 +385,9 @@ function Ye({
385
385
  alignItems: "center",
386
386
  justifyContent: "center"
387
387
  }, className: y["tooltip-trigger"], children: t }) }),
388
- /* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, { align: s, side: n, sideOffset: 0, children: /* @__PURE__ */ k("div", { id: "tooltip", role: "tooltip", className: j(y.tooltip, y[`tooltip-${e}`], y[`tooltip-${r}`], y[`tooltip-${n}`], y[`tooltip-${s}`], l && y.closable), children: [
388
+ /* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, { style: {
389
+ zIndex: 9999
390
+ }, align: s, side: n, sideOffset: 0, children: /* @__PURE__ */ k("div", { id: "tooltip", role: "tooltip", className: j(y.tooltip, y[`tooltip-${e}`], y[`tooltip-${r}`], y[`tooltip-${n}`], y[`tooltip-${s}`], l && y.closable), children: [
389
391
  /* @__PURE__ */ u("div", { className: y["tooltip-content"], children: o }),
390
392
  (l || a) && e === "md" && /* @__PURE__ */ u("button", { className: y["tooltip-close-button"], onClick: v, children: /* @__PURE__ */ u(ee, { icon: "ap-icon-close", className: y["tooltip-close-icon"] }) }),
391
393
  /* @__PURE__ */ u(Ie, { width: 12, height: 6, className: y["tooltip-arrow"] })
package/dist/main.d.ts CHANGED
@@ -4,7 +4,7 @@ export { default as Icon } from './components/Icon/Icon';
4
4
  export { default as Input, type InputLabelTooltipProps } from './components/Input/Input';
5
5
  export { default as Radio } from './components/Radio/Radio.tsx';
6
6
  export { default as RadioGroup } from './components/RadioGroup/RadioGroup.tsx';
7
- export { default as Textarea, type TextareaLabelTooltipProps } from './components/Textarea/Textarea.tsx';
7
+ export { default as Textarea, type TextareaLabelTooltipProps, } from './components/Textarea/Textarea.tsx';
8
8
  export { default as Toggle } from './components/Toggle/Toggle.tsx';
9
9
  export { default as Banner } from './components/Banner/Banner.tsx';
10
10
  export { default as Ghost } from './components/Ghost/Ghost.tsx';
@@ -12,12 +12,14 @@ export { default as Dropdown, type DropdownOption } from './components/Dropdown/
12
12
  export { default as Search } from './components/Search/Search.tsx';
13
13
  export { default as Toast } from './components/Toast/Toast.tsx';
14
14
  export { default as Creatable } from './components/Creatable/Creatable.tsx';
15
- export { default as SplitButton, type ActionDropdownOption } from './components/SplitButton/SplitButton.tsx';
15
+ export { default as SplitButton, type ActionDropdownOption, } from './components/SplitButton/SplitButton.tsx';
16
16
  export { default as DragAndDrop, type UploadFile } from './components/DragAndDrop/DragAndDrop.tsx';
17
17
  export { default as Tab } from './components/Tab/Tab.tsx';
18
18
  export { default as TabNavigation } from './components/TabNavigation/TabNavigation.tsx';
19
19
  export { default as Dialog } from './components/Dialog/Dialog.tsx';
20
20
  export { default as TagsFields } from './components/TagsFields/TagsFields.tsx';
21
- export { default as NavBar, type MenuItem, type Notifications, type UserProfile } from './components/NavBar/NavBar.tsx';
21
+ export { default as NavBar, type MenuItem, type Notifications, type UserProfile, } from './components/NavBar/NavBar.tsx';
22
22
  export { default as Tag, type TagColors } from './components/Tag/Tag.tsx';
23
23
  export { default as Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.tsx';
24
+ export { default as Spinner } from './components/Spinner/Spinner.tsx';
25
+ export { apLogos } from './assets/ap-logos';
package/dist/main.js CHANGED
@@ -1,48 +1,52 @@
1
1
  import { default as t } from "./components/Button/Button.js";
2
- import { default as r } from "./components/Checkbox/Checkbox.js";
3
- import { default as l } from "./components/Icon/Icon.js";
4
- import { default as d } from "./components/Input/Input.js";
2
+ import { default as e } from "./components/Checkbox/Checkbox.js";
3
+ import { default as p } from "./components/Icon/Icon.js";
4
+ import { default as s } from "./components/Input/Input.js";
5
5
  import { default as u } from "./components/Radio/Radio.js";
6
6
  import { default as m } from "./components/RadioGroup/RadioGroup.js";
7
7
  import { default as i } from "./components/Textarea/Textarea.js";
8
- import { default as g } from "./components/Toggle/Toggle.js";
8
+ import { default as T } from "./components/Toggle/Toggle.js";
9
9
  import { default as B } from "./components/Banner/Banner.js";
10
10
  import { default as c } from "./components/Ghost/Ghost.js";
11
- import { default as v } from "./components/Dropdown/Dropdown.js";
12
- import { default as G } from "./components/Search/Search.js";
13
- import { default as N } from "./components/Toast/Toast.js";
14
- import { default as S } from "./components/Creatable/Creatable.js";
11
+ import { default as S } from "./components/Dropdown/Dropdown.js";
12
+ import { default as C } from "./components/Search/Search.js";
13
+ import { default as I } from "./components/Toast/Toast.js";
14
+ import { default as R } from "./components/Creatable/Creatable.js";
15
15
  import { default as w } from "./components/SplitButton/SplitButton.js";
16
16
  import { default as F } from "./components/DragAndDrop/DragAndDrop.js";
17
- import { default as q } from "./components/Tab/Tab.js";
18
- import { default as z } from "./components/TabNavigation/TabNavigation.js";
19
- import { default as H } from "./components/Dialog/Dialog.js";
20
- import { default as K } from "./components/TagsFields/TagsFields.js";
17
+ import { default as j } from "./components/Tab/Tab.js";
18
+ import { default as y } from "./components/TabNavigation/TabNavigation.js";
19
+ import { default as E } from "./components/Dialog/Dialog.js";
20
+ import { default as J } from "./components/TagsFields/TagsFields.js";
21
21
  import { default as M } from "./components/NavBar/NavBar.js";
22
22
  import { default as P } from "./components/Tag/Tag.js";
23
23
  import { default as U } from "./components/Tooltip/Tooltip.js";
24
+ import { default as W } from "./components/Spinner/Spinner.js";
25
+ import { a as Y } from "./ap-logos-Cl1TR5nm.js";
24
26
  import './assets/main.css';export {
25
27
  B as Banner,
26
28
  t as Button,
27
- r as Checkbox,
28
- S as Creatable,
29
- H as Dialog,
29
+ e as Checkbox,
30
+ R as Creatable,
31
+ E as Dialog,
30
32
  F as DragAndDrop,
31
- v as Dropdown,
33
+ S as Dropdown,
32
34
  c as Ghost,
33
- l as Icon,
34
- d as Input,
35
+ p as Icon,
36
+ s as Input,
35
37
  M as NavBar,
36
38
  u as Radio,
37
39
  m as RadioGroup,
38
- G as Search,
40
+ C as Search,
41
+ W as Spinner,
39
42
  w as SplitButton,
40
- q as Tab,
41
- z as TabNavigation,
43
+ j as Tab,
44
+ y as TabNavigation,
42
45
  P as Tag,
43
- K as TagsFields,
46
+ J as TagsFields,
44
47
  i as Textarea,
45
- N as Toast,
46
- g as Toggle,
47
- U as Tooltip
48
+ I as Toast,
49
+ T as Toggle,
50
+ U as Tooltip,
51
+ Y as apLogos
48
52
  };
@@ -1,2 +1,5 @@
1
- declare const storybookDocsPage: () => import("react/jsx-runtime").JSX.Element;
1
+ type StorybookDocsPageProps = {
2
+ includePrimaryStory?: boolean;
3
+ };
4
+ declare const storybookDocsPage: ({ includePrimaryStory }: StorybookDocsPageProps) => import("react/jsx-runtime").JSX.Element;
2
5
  export default storybookDocsPage;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alixpartners/ui-components",
3
- "version": "2.0.0-beta.9",
3
+ "version": "2.0.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"