@payfit/unity-components 2.65.1 → 2.65.3

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 (10) hide show
  1. package/dist/esm/components/icon-button/IconButton.d.ts +18 -7
  2. package/dist/esm/components/icon-button/IconButton.js +65 -48
  3. package/dist/esm/components/icon-button/IconButton.variants.d.ts +18 -18
  4. package/dist/esm/components/icon-button/IconButton.variants.js +57 -57
  5. package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.d.ts +13 -0
  6. package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.js +16 -0
  7. package/dist/esm/integrations/tanstack-router/index.d.ts +1 -0
  8. package/dist/esm/integrations/tanstack-router.js +17 -16
  9. package/package.json +12 -12
  10. package/src/agent-references/component-catalog.json +24 -0
package/dist/esm/components/icon-button/IconButton.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { UnityIcon } from '@payfit/unity-icons';
2
- import { AriaRole, ButtonHTMLAttributes } from 'react';
2
+ import { AriaRole } from 'react';
3
3
  import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
4
+ import { LinkProps as AriaLinkProps } from 'react-aria-components/Link';
4
5
  import { IconButtonBase, IconButtonFilled, IconButtonGhost, IconButtonOutlined } from './IconButton.variants.js';
5
- type IconButtonBaseProps = AriaButtonProps & IconButtonBase & {
6
+ type IconButtonBaseProps = IconButtonBase & {
6
7
  /** Label used to describe the action of the button */
7
8
  label: string;
8
9
  /** The icon to display inside the button */
@@ -25,9 +26,6 @@ type IconButtonBaseProps = AriaButtonProps & IconButtonBase & {
25
26
  color?: IconButtonFilled['color'] | IconButtonOutlined['color'] | IconButtonGhost['color'];
26
27
  /** The loading state of the button. */
27
28
  isLoading?: boolean;
28
- /** The button type */
29
- type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
30
- id?: ButtonHTMLAttributes<HTMLButtonElement>['id'];
31
29
  className?: string;
32
30
  };
33
31
  type IconButtonUnionProps = (IconButtonBaseProps & {
@@ -39,6 +37,19 @@ type IconButtonUnionProps = (IconButtonBaseProps & {
39
37
  } & IconButtonGhost) | (IconButtonBaseProps & {
40
38
  variant: 'outlined';
41
39
  } & IconButtonOutlined);
42
- export type IconButtonProps = Omit<IconButtonUnionProps, 'style'>;
43
- export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
40
+ type IconButtonButtonElementProps = Omit<AriaButtonProps, 'children' | 'className' | 'href' | 'onClick' | 'onPress' | 'style'> & {
41
+ /** The DOM element rendered by the component. */
42
+ as?: 'button';
43
+ };
44
+ type IconButtonLinkElementProps = Omit<AriaLinkProps, 'children' | 'className' | 'href' | 'onClick' | 'onPress' | 'style'> & {
45
+ /** The DOM element rendered by the component. */
46
+ as: 'link';
47
+ /** The URL the link navigates to. */
48
+ href: HTMLAnchorElement['href'];
49
+ };
50
+ type IconButtonVisualProps = Omit<IconButtonUnionProps, 'style'>;
51
+ export type IconButtonButtonProps = IconButtonVisualProps & IconButtonButtonElementProps;
52
+ export type IconButtonLinkProps = IconButtonVisualProps & IconButtonLinkElementProps;
53
+ export type IconButtonProps = IconButtonButtonProps | IconButtonLinkProps;
54
+ export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
44
55
  export {};
package/dist/esm/components/icon-button/IconButton.js CHANGED
@@ -5,23 +5,24 @@ import { Tooltip as r } from "../tooltip/Tooltip.js";
5
5
  import { iconButtonFilled as i, iconButtonGhost as a, iconButtonOutlined as o } from "./IconButton.variants.js";
6
6
  import { forwardRef as s, useMemo as c } from "react";
7
7
  import { cn as l, useUnityTheme as u, uyMerge as d } from "@payfit/unity-themes";
8
- import { jsx as f, jsxs as p } from "react/jsx-runtime";
9
- import { Button as m } from "react-aria-components/Button";
8
+ import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
9
+ import { Button as h } from "react-aria-components/Button";
10
+ import { Link as g } from "react-aria-components/Link";
10
11
  //#region src/components/icon-button/IconButton.tsx
11
- var h = s(({ variant: s, color: h = "primary", icon: g, iconRole: _, label: v, isDisabled: y = !1, isLoading: b = !1, onClick: x, onPress: S, className: C, ...w }, T) => {
12
- let E = t(), { theme: D } = u(), O = `icon-button-label-${E}`, k = y || b, A = c(() => {
12
+ var _ = s(({ as: s = "button", variant: _, color: v = "primary", icon: y, iconRole: b, label: x, isDisabled: S = !1, isLoading: C = !1, onClick: w, onPress: T, className: E, ...D }, O) => {
13
+ let k = t(), { theme: A } = u(), j = `icon-button-label-${k}`, M = S || C, N = c(() => {
13
14
  let e = {
14
- isDisabled: y,
15
- isLoading: b
15
+ isDisabled: S,
16
+ isLoading: C
16
17
  };
17
- switch (s) {
18
+ switch (_) {
18
19
  case "primary": return d(i({
19
20
  ...e,
20
- color: h
21
+ color: v
21
22
  }));
22
23
  case "secondary":
23
- if (D === "rebrand") {
24
- let t = h === "inverted" ? "inverted.low" : "neutral";
24
+ if (A === "rebrand") {
25
+ let t = v === "inverted" ? "inverted.low" : "neutral";
25
26
  return d(i({
26
27
  ...e,
27
28
  color: t
@@ -29,55 +30,71 @@ var h = s(({ variant: s, color: h = "primary", icon: g, iconRole: _, label: v, i
29
30
  }
30
31
  return d(o({
31
32
  ...e,
32
- color: h
33
+ color: v
33
34
  }));
34
35
  case "ghost": return d(a({
35
36
  ...e,
36
- color: h
37
+ color: v
37
38
  }));
38
39
  case "outlined": return d(o({
39
40
  ...e,
40
- color: h
41
+ color: v
41
42
  }));
42
43
  }
43
44
  }, [
44
- s,
45
- h,
46
- y,
47
- b,
48
- D
49
- ]), j = { ...b && { "data-loading": b } };
50
- return /* @__PURE__ */ f(r, {
51
- title: v,
52
- children: /* @__PURE__ */ p(m, {
53
- ref: T,
45
+ _,
46
+ v,
47
+ S,
48
+ C,
49
+ A
50
+ ]), P = { ...C && { "data-loading": C } }, F = /* @__PURE__ */ m(f, { children: [C ? /* @__PURE__ */ p(n, {
51
+ size: "small",
52
+ label: "Loading",
53
+ color: "inherit"
54
+ }) : /* @__PURE__ */ p(e, {
55
+ role: b,
56
+ src: y,
57
+ size: 20,
58
+ color: "inherit",
59
+ "aria-labelledby": j
60
+ }), /* @__PURE__ */ p("span", {
61
+ id: j,
62
+ className: "uy:sr-only",
63
+ children: x
64
+ })] });
65
+ return s === "link" ? /* @__PURE__ */ p(r, {
66
+ title: x,
67
+ children: /* @__PURE__ */ p(g, {
68
+ ref: O,
54
69
  "data-dd-privacy": "allow",
55
- ...w,
56
- className: l(A, C),
57
- onPress: S ?? x,
58
- isDisabled: k,
59
- isPending: b,
60
- "aria-label": v,
61
- "aria-disabled": k ? !0 : void 0,
62
- ...j,
63
- children: [b ? /* @__PURE__ */ f(n, {
64
- size: "small",
65
- label: "Loading",
66
- color: "inherit"
67
- }) : /* @__PURE__ */ f(e, {
68
- role: _,
69
- src: g,
70
- size: 20,
71
- color: "inherit",
72
- "aria-labelledby": O
73
- }), /* @__PURE__ */ f("span", {
74
- id: O,
75
- className: "uy:sr-only",
76
- children: v
77
- })]
70
+ ...D,
71
+ ...w && { onClick: w },
72
+ className: l(N, E),
73
+ onPress: T,
74
+ isDisabled: M,
75
+ "aria-label": x,
76
+ "aria-disabled": M ? !0 : void 0,
77
+ "aria-busy": C || void 0,
78
+ ...P,
79
+ children: F
80
+ })
81
+ }) : /* @__PURE__ */ p(r, {
82
+ title: x,
83
+ children: /* @__PURE__ */ p(h, {
84
+ ref: O,
85
+ "data-dd-privacy": "allow",
86
+ ...D,
87
+ className: l(N, E),
88
+ onPress: T ?? w,
89
+ isDisabled: M,
90
+ isPending: C,
91
+ "aria-label": x,
92
+ "aria-disabled": M ? !0 : void 0,
93
+ ...P,
94
+ children: F
78
95
  })
79
96
  });
80
97
  });
81
- h.displayName = "IconButton";
98
+ _.displayName = "IconButton";
82
99
  //#endregion
83
- export { h as IconButton };
100
+ export { _ as IconButton };
package/dist/esm/components/icon-button/IconButton.variants.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VariantProps } from '@payfit/unity-themes';
2
2
  declare const iconButtonBase: import('tailwind-variants').TVReturnType<{
3
3
  isDisabled: {
4
- true: "uy:disabled:cursor-not-allowed";
4
+ true: "uy:data-[disabled]:cursor-not-allowed";
5
5
  false: "";
6
6
  };
7
7
  isLoading: {
@@ -10,7 +10,7 @@ declare const iconButtonBase: import('tailwind-variants').TVReturnType<{
10
10
  };
11
11
  }, undefined, string[], {
12
12
  isDisabled: {
13
- true: "uy:disabled:cursor-not-allowed";
13
+ true: "uy:data-[disabled]:cursor-not-allowed";
14
14
  false: "";
15
15
  };
16
16
  isLoading: {
@@ -19,7 +19,7 @@ declare const iconButtonBase: import('tailwind-variants').TVReturnType<{
19
19
  };
20
20
  }, undefined, import('tailwind-variants').TVReturnTypeLike<{
21
21
  isDisabled: {
22
- true: "uy:disabled:cursor-not-allowed";
22
+ true: "uy:data-[disabled]:cursor-not-allowed";
23
23
  false: "";
24
24
  };
25
25
  isLoading: {
@@ -37,7 +37,7 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
37
37
  'inverted.low': string[];
38
38
  };
39
39
  isDisabled: {
40
- true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled";
40
+ true: "uy:data-[disabled]:bg-surface-neutral-disabled uy:data-[disabled]:text-content-neutral-disabled";
41
41
  false: "";
42
42
  };
43
43
  isLoading: {
@@ -46,7 +46,7 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
46
46
  };
47
47
  }, undefined, undefined, {
48
48
  isDisabled: {
49
- true: "uy:disabled:cursor-not-allowed";
49
+ true: "uy:data-[disabled]:cursor-not-allowed";
50
50
  false: "";
51
51
  };
52
52
  isLoading: {
@@ -55,7 +55,7 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
55
55
  };
56
56
  }, undefined, import('tailwind-variants').TVReturnType<{
57
57
  isDisabled: {
58
- true: "uy:disabled:cursor-not-allowed";
58
+ true: "uy:data-[disabled]:cursor-not-allowed";
59
59
  false: "";
60
60
  };
61
61
  isLoading: {
@@ -64,7 +64,7 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
64
64
  };
65
65
  }, undefined, string[], {
66
66
  isDisabled: {
67
- true: "uy:disabled:cursor-not-allowed";
67
+ true: "uy:data-[disabled]:cursor-not-allowed";
68
68
  false: "";
69
69
  };
70
70
  isLoading: {
@@ -73,7 +73,7 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
73
73
  };
74
74
  }, undefined, import('tailwind-variants').TVReturnTypeLike<{
75
75
  isDisabled: {
76
- true: "uy:disabled:cursor-not-allowed";
76
+ true: "uy:data-[disabled]:cursor-not-allowed";
77
77
  false: "";
78
78
  };
79
79
  isLoading: {
@@ -87,7 +87,7 @@ export declare const iconButtonOutlined: import('tailwind-variants').TVReturnTyp
87
87
  inverted: string[];
88
88
  };
89
89
  isDisabled: {
90
- true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled";
90
+ true: "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled";
91
91
  false: "";
92
92
  };
93
93
  isLoading: {
@@ -95,7 +95,7 @@ export declare const iconButtonOutlined: import('tailwind-variants').TVReturnTyp
95
95
  };
96
96
  }, undefined, "uy:border uy:border-solid uy:bg-transparent", {
97
97
  isDisabled: {
98
- true: "uy:disabled:cursor-not-allowed";
98
+ true: "uy:data-[disabled]:cursor-not-allowed";
99
99
  false: "";
100
100
  };
101
101
  isLoading: {
@@ -104,7 +104,7 @@ export declare const iconButtonOutlined: import('tailwind-variants').TVReturnTyp
104
104
  };
105
105
  }, undefined, import('tailwind-variants').TVReturnType<{
106
106
  isDisabled: {
107
- true: "uy:disabled:cursor-not-allowed";
107
+ true: "uy:data-[disabled]:cursor-not-allowed";
108
108
  false: "";
109
109
  };
110
110
  isLoading: {
@@ -113,7 +113,7 @@ export declare const iconButtonOutlined: import('tailwind-variants').TVReturnTyp
113
113
  };
114
114
  }, undefined, string[], {
115
115
  isDisabled: {
116
- true: "uy:disabled:cursor-not-allowed";
116
+ true: "uy:data-[disabled]:cursor-not-allowed";
117
117
  false: "";
118
118
  };
119
119
  isLoading: {
@@ -122,7 +122,7 @@ export declare const iconButtonOutlined: import('tailwind-variants').TVReturnTyp
122
122
  };
123
123
  }, undefined, import('tailwind-variants').TVReturnTypeLike<{
124
124
  isDisabled: {
125
- true: "uy:disabled:cursor-not-allowed";
125
+ true: "uy:data-[disabled]:cursor-not-allowed";
126
126
  false: "";
127
127
  };
128
128
  isLoading: {
@@ -140,7 +140,7 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
140
140
  inverted: string[];
141
141
  };
142
142
  isDisabled: {
143
- true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent";
143
+ true: "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-transparent";
144
144
  false: "";
145
145
  };
146
146
  isLoading: {
@@ -149,7 +149,7 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
149
149
  };
150
150
  }, undefined, undefined, {
151
151
  isDisabled: {
152
- true: "uy:disabled:cursor-not-allowed";
152
+ true: "uy:data-[disabled]:cursor-not-allowed";
153
153
  false: "";
154
154
  };
155
155
  isLoading: {
@@ -158,7 +158,7 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
158
158
  };
159
159
  }, undefined, import('tailwind-variants').TVReturnType<{
160
160
  isDisabled: {
161
- true: "uy:disabled:cursor-not-allowed";
161
+ true: "uy:data-[disabled]:cursor-not-allowed";
162
162
  false: "";
163
163
  };
164
164
  isLoading: {
@@ -167,7 +167,7 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
167
167
  };
168
168
  }, undefined, string[], {
169
169
  isDisabled: {
170
- true: "uy:disabled:cursor-not-allowed";
170
+ true: "uy:data-[disabled]:cursor-not-allowed";
171
171
  false: "";
172
172
  };
173
173
  isLoading: {
@@ -176,7 +176,7 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
176
176
  };
177
177
  }, undefined, import('tailwind-variants').TVReturnTypeLike<{
178
178
  isDisabled: {
179
- true: "uy:disabled:cursor-not-allowed";
179
+ true: "uy:data-[disabled]:cursor-not-allowed";
180
180
  false: "";
181
181
  };
182
182
  isLoading: {
package/dist/esm/components/icon-button/IconButton.variants.js CHANGED
@@ -7,11 +7,11 @@ var t = e({
7
7
  "uy:inline-flex uy:justify-center uy:items-center",
8
8
  "uy:rounded-100 uy:sm:rounded-75 uy:cursor-pointer",
9
9
  "uy:transition-colors",
10
- "uy:enabled:data-[focus-visible=\"true\"]:outline-2 uy:enabled:data-[focus-visible=\"true\"]:outline-solid uy:enabled:data-[focus-visible=\"true\"]:outline-offset-2 uy:enabled:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
10
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-2 uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-solid uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-offset-2 uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
11
11
  ],
12
12
  variants: {
13
13
  isDisabled: {
14
- true: "uy:disabled:cursor-not-allowed",
14
+ true: "uy:data-[disabled]:cursor-not-allowed",
15
15
  false: ""
16
16
  },
17
17
  isLoading: {
@@ -29,45 +29,45 @@ var t = e({
29
29
  color: {
30
30
  primary: [
31
31
  "uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
32
- "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
33
- "uy:theme-legacy:enabled:active:bg-surface-primary-active uy:theme-rebrand:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
34
- "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
32
+ "uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
33
+ "uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-highest-active uy:not-data-[disabled]:active:text-content-inverted-hover",
34
+ "uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed"
35
35
  ],
36
36
  warning: [
37
37
  "uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
38
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
39
- "uy:enabled:active:bg-surface-warning-active uy:enabled:active:text-content-neutral-active",
40
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
38
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-warning-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
39
+ "uy:not-data-[disabled]:active:bg-surface-warning-active uy:not-data-[disabled]:active:text-content-neutral-active",
40
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed"
41
41
  ],
42
42
  danger: [
43
43
  "uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
44
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
45
- "uy:enabled:active:bg-surface-danger-active uy:theme-legacy:enabled:active:text-content-inverted",
46
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted"
44
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
45
+ "uy:not-data-[disabled]:active:bg-surface-danger-active uy:theme-legacy:not-data-[disabled]:active:text-content-inverted",
46
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted"
47
47
  ],
48
48
  neutral: [
49
49
  "uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
50
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
51
- "uy:enabled:active:bg-surface-neutral-low-active uy:enabled:active:text-content-neutral-active",
52
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
50
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
51
+ "uy:not-data-[disabled]:active:bg-surface-neutral-low-active uy:not-data-[disabled]:active:text-content-neutral-active",
52
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed"
53
53
  ],
54
54
  inverted: [
55
55
  "uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
56
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
57
- "uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
58
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-active uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
59
- "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-neutral-focus"
56
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
57
+ "uy:not-data-[disabled]:active:bg-surface-neutral-active uy:not-data-[disabled]:active:text-content-neutral-active",
58
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-active uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
59
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-surface-neutral-focus"
60
60
  ],
61
61
  "inverted.low": [
62
62
  "uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
63
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
64
- "uy:enabled:active:bg-surface-inverted-low-active uy:enabled:active:text-content-inverted-active",
65
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
66
- "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
63
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
64
+ "uy:not-data-[disabled]:active:bg-surface-inverted-low-active uy:not-data-[disabled]:active:text-content-inverted-active",
65
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed",
66
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
67
67
  ]
68
68
  },
69
69
  isDisabled: {
70
- true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled",
70
+ true: "uy:data-[disabled]:bg-surface-neutral-disabled uy:data-[disabled]:text-content-neutral-disabled",
71
71
  false: ""
72
72
  },
73
73
  isLoading: {
@@ -82,20 +82,20 @@ var t = e({
82
82
  color: {
83
83
  primary: [
84
84
  "uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
85
- "uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover uy:enabled:data-[hovered=\"true\"]:border-border-neutral-high-hover",
86
- "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
87
- "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
88
- "uy:enabled:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
85
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:border-border-neutral-high-hover",
86
+ "uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
87
+ "uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
88
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-focus"
89
89
  ],
90
90
  inverted: [
91
91
  "uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
92
- "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-inverted-pressed",
93
- "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
94
- "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring"
92
+ "uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-inverted-pressed",
93
+ "uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
94
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring"
95
95
  ]
96
96
  },
97
97
  isDisabled: {
98
- true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled",
98
+ true: "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled",
99
99
  false: ""
100
100
  },
101
101
  isLoading: { true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled" }
@@ -106,49 +106,49 @@ var t = e({
106
106
  color: {
107
107
  primary: [
108
108
  "uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
109
- "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:text-content-neutral-low-hover",
110
- "uy:theme-legacy:enabled:active:bg-surface-primary-lowest-active uy:theme-rebrand:enabled:active:bg-surface-neutral-low-active uy:theme-legacy:enabled:active:text-content-primary-active uy:theme-rebrand:enabled:active:text-content-neutral-low-active",
111
- "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
112
- "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent uy:theme-rebrand:enabled:data-[focus-visible=\"true\"]:text-content-neutral-low-focus"
109
+ "uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-low-hover",
110
+ "uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-lowest-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-low-active uy:theme-legacy:not-data-[disabled]:active:text-content-primary-active uy:theme-rebrand:not-data-[disabled]:active:text-content-neutral-low-active",
111
+ "uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
112
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent uy:theme-rebrand:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-low-focus"
113
113
  ],
114
114
  warning: [
115
115
  "uy:bg-transparent uy:text-content-warning-enabled",
116
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-warning-hover",
117
- "uy:enabled:active:bg-surface-warning-lowest-active uy:enabled:active:text-content-warning-active",
118
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-warning-pressed",
119
- "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
116
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-warning-hover",
117
+ "uy:not-data-[disabled]:active:bg-surface-warning-lowest-active uy:not-data-[disabled]:active:text-content-warning-active",
118
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-warning-pressed",
119
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent"
120
120
  ],
121
121
  danger: [
122
122
  "uy:bg-transparent uy:text-content-danger-enabled",
123
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-danger-hover",
124
- "uy:enabled:active:bg-surface-danger-lowest-active uy:enabled:active:text-content-danger-active",
125
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-danger-pressed",
126
- "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
123
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-danger-hover",
124
+ "uy:not-data-[disabled]:active:bg-surface-danger-lowest-active uy:not-data-[disabled]:active:text-content-danger-active",
125
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-danger-pressed",
126
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent"
127
127
  ],
128
128
  neutral: [
129
129
  "uy:bg-transparent uy:text-content-neutral-enabled",
130
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-low-hover",
131
- "uy:enabled:active:bg-surface-neutral-low-active uy:enabled:active:text-content-neutral-low-active",
132
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
133
- "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
130
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-low-hover",
131
+ "uy:not-data-[disabled]:active:bg-surface-neutral-low-active uy:not-data-[disabled]:active:text-content-neutral-low-active",
132
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
133
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent"
134
134
  ],
135
135
  "neutral.lowest": [
136
136
  "uy:bg-transparent uy:text-content-neutral-enabled",
137
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
138
- "uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
139
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
140
- "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
137
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
138
+ "uy:not-data-[disabled]:active:bg-surface-neutral-lowest-active uy:not-data-[disabled]:active:text-content-neutral-active",
139
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
140
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent"
141
141
  ],
142
142
  inverted: [
143
143
  "uy:bg-transparent uy:text-content-inverted-enabled",
144
- "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
145
- "uy:enabled:active:bg-surface-inverted-active uy:enabled:active:text-content-inverted-active",
146
- "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
147
- "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
144
+ "uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
145
+ "uy:not-data-[disabled]:active:bg-surface-inverted-active uy:not-data-[disabled]:active:text-content-inverted-active",
146
+ "uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed",
147
+ "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent"
148
148
  ]
149
149
  },
150
150
  isDisabled: {
151
- true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent",
151
+ true: "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-transparent",
152
152
  false: ""
153
153
  },
154
154
  isLoading: {
@@ -159,7 +159,7 @@ var t = e({
159
159
  compoundVariants: [{
160
160
  isDisabled: !0,
161
161
  color: "inverted",
162
- className: ["uy:disabled:text-content-inverted-disabled"]
162
+ className: ["uy:data-[disabled]:text-content-inverted-disabled"]
163
163
  }, {
164
164
  isLoading: !0,
165
165
  color: "inverted",
package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { LinkComponent } from '@tanstack/react-router';
2
+ import { IconButtonLinkProps as RawIconButtonLinkProps } from '../../../../components/icon-button/IconButton.js';
3
+ declare const IconButtonLinkAdapter: import('react').ForwardRefExoticComponent<Omit<RawIconButtonLinkProps, "as"> & {
4
+ disabled?: boolean;
5
+ } & import('react').RefAttributes<HTMLAnchorElement>>;
6
+ /**
7
+ * An icon-only link that integrates with TanStack Router for type-safe,
8
+ * client-side navigation.
9
+ */
10
+ declare const IconButtonLink: LinkComponent<typeof IconButtonLinkAdapter> & {
11
+ displayName: string;
12
+ };
13
+ export { IconButtonLink };
package/dist/esm/integrations/tanstack-router/components/icon-button/IconButtonLink.js ADDED
@@ -0,0 +1,16 @@
1
+ import { IconButton as e } from "../../../../components/icon-button/IconButton.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ import { createLink as r } from "@tanstack/react-router";
5
+ //#region src/integrations/tanstack-router/components/icon-button/IconButtonLink.tsx
6
+ var i = t(({ disabled: t, isDisabled: r, ...i }, a) => /* @__PURE__ */ n(e, {
7
+ ...i,
8
+ ref: a,
9
+ as: "link",
10
+ isDisabled: !!(t || r)
11
+ }));
12
+ i.displayName = "IconButtonLinkAdapter";
13
+ var a = r(i);
14
+ a.displayName = "IconButtonLink";
15
+ //#endregion
16
+ export { a as IconButtonLink };
package/dist/esm/integrations/tanstack-router/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './components/breadcrumbs/Breadcrumb.js';
2
2
  export * from './components/breadcrumbs/BreadcrumbLink.js';
3
3
  export * from './components/breadcrumbs/Breadcrumbs.js';
4
4
  export * from './components/form-contextual-link/FormContextualLink.js';
5
+ export * from './components/icon-button/IconButtonLink.js';
5
6
  export * from './components/link/Link.js';
6
7
  export * from './components/link-button/LinkButton.js';
7
8
  export * from './components/list-view/ListView.js';
package/dist/esm/integrations/tanstack-router.js CHANGED
@@ -3,19 +3,20 @@ import { Breadcrumb as t } from "../components/breadcrumbs/parts/Breadcrumb.js";
3
3
  import { TabList as n } from "../components/tabs/parts/TabList.js";
4
4
  import { BreadcrumbLink as r } from "./tanstack-router/components/breadcrumbs/BreadcrumbLink.js";
5
5
  import { FormContextualLink as i } from "./tanstack-router/components/form-contextual-link/FormContextualLink.js";
6
- import { Link as a } from "./tanstack-router/components/link/Link.js";
7
- import { LinkButton as o } from "./tanstack-router/components/link-button/LinkButton.js";
8
- import { ListView as s } from "./tanstack-router/components/list-view/ListView.js";
9
- import { ListViewItem as c } from "./tanstack-router/components/list-view/parts/ListViewItem.js";
10
- import { MenuItem as l } from "./tanstack-router/components/menu-item/MenuItem.js";
11
- import { NavigationCard as u } from "./tanstack-router/components/navigation-card/NavigationCard.js";
12
- import { NavItem as d } from "./tanstack-router/components/nav-item/NavItem.js";
13
- import { PaginationLink as f } from "./tanstack-router/components/pagination/PaginationLink.js";
14
- import { PaginationNext as p } from "./tanstack-router/components/pagination/PaginationNext.js";
15
- import { PaginationPrevious as m } from "./tanstack-router/components/pagination/PaginationPrevious.js";
16
- import { Tab as h } from "./tanstack-router/components/tabs/parts/Tab.js";
17
- import { TabPanel as g } from "./tanstack-router/components/tabs/parts/TabPanel.js";
18
- import { Tabs as _ } from "./tanstack-router/components/tabs/Tabs.js";
19
- import { Task as v } from "./tanstack-router/components/task-menu/Task.js";
20
- import { SubTask as y } from "./tanstack-router/components/task-menu/SubTask.js";
21
- export { t as Breadcrumb, r as BreadcrumbLink, e as Breadcrumbs, i as FormContextualLink, a as Link, o as LinkButton, s as ListView, c as ListViewItem, l as MenuItem, d as NavItem, u as NavigationCard, f as PaginationLink, p as PaginationNext, m as PaginationPrevious, y as SubTask, h as Tab, n as TabList, g as TabPanel, _ as Tabs, v as Task };
6
+ import { IconButtonLink as a } from "./tanstack-router/components/icon-button/IconButtonLink.js";
7
+ import { Link as o } from "./tanstack-router/components/link/Link.js";
8
+ import { LinkButton as s } from "./tanstack-router/components/link-button/LinkButton.js";
9
+ import { ListView as c } from "./tanstack-router/components/list-view/ListView.js";
10
+ import { ListViewItem as l } from "./tanstack-router/components/list-view/parts/ListViewItem.js";
11
+ import { MenuItem as u } from "./tanstack-router/components/menu-item/MenuItem.js";
12
+ import { NavigationCard as d } from "./tanstack-router/components/navigation-card/NavigationCard.js";
13
+ import { NavItem as f } from "./tanstack-router/components/nav-item/NavItem.js";
14
+ import { PaginationLink as p } from "./tanstack-router/components/pagination/PaginationLink.js";
15
+ import { PaginationNext as m } from "./tanstack-router/components/pagination/PaginationNext.js";
16
+ import { PaginationPrevious as h } from "./tanstack-router/components/pagination/PaginationPrevious.js";
17
+ import { Tab as g } from "./tanstack-router/components/tabs/parts/Tab.js";
18
+ import { TabPanel as _ } from "./tanstack-router/components/tabs/parts/TabPanel.js";
19
+ import { Tabs as v } from "./tanstack-router/components/tabs/Tabs.js";
20
+ import { Task as y } from "./tanstack-router/components/task-menu/Task.js";
21
+ import { SubTask as b } from "./tanstack-router/components/task-menu/SubTask.js";
22
+ export { t as Breadcrumb, r as BreadcrumbLink, e as Breadcrumbs, i as FormContextualLink, a as IconButtonLink, o as Link, s as LinkButton, c as ListView, l as ListViewItem, u as MenuItem, f as NavItem, d as NavigationCard, p as PaginationLink, m as PaginationNext, h as PaginationPrevious, b as SubTask, g as Tab, n as TabList, _ as TabPanel, v as Tabs, y as Task };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "2.65.1",
3
+ "version": "2.65.3",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -82,8 +82,8 @@
82
82
  "fuse.js": "7.1.0",
83
83
  "prettier": "3.8.3",
84
84
  "react": "18.3.1",
85
- "react-aria": "3.50.0",
86
- "react-aria-components": "1.19.0",
85
+ "react-aria": "3.51.0",
86
+ "react-aria-components": "1.20.0",
87
87
  "react-dom": "18.3.1",
88
88
  "react-hook-form": "7.62.0",
89
89
  "react-hot-toast": "2.5.1",
@@ -91,12 +91,12 @@
91
91
  "react-intersection-observer": "9.5.3",
92
92
  "react-international-phone": "4.5.0",
93
93
  "react-intl": "7.1.14",
94
- "react-stately": "3.48.0",
94
+ "react-stately": "3.49.0",
95
95
  "storybook": "10.5.6",
96
96
  "tailwind-variants": "3.3.1",
97
97
  "usehooks-ts": "3.1.1",
98
98
  "zod": "4.4.3",
99
- "@payfit/unity-illustrations": "2.65.1"
99
+ "@payfit/unity-illustrations": "2.65.3"
100
100
  },
101
101
  "peerDependencies": {
102
102
  "@hookform/devtools": "^4",
@@ -108,8 +108,8 @@
108
108
  "react-hook-form": "^7",
109
109
  "react-router-dom": "^5",
110
110
  "zod": "^3 || ^4",
111
- "@payfit/unity-icons": "2.65.1",
112
- "@payfit/unity-themes": "2.65.1"
111
+ "@payfit/unity-icons": "2.65.3",
112
+ "@payfit/unity-themes": "2.65.3"
113
113
  },
114
114
  "devDependencies": {
115
115
  "@figma/code-connect": "1.5.2",
@@ -155,14 +155,14 @@
155
155
  "vite": "8.1.4",
156
156
  "vite-plugin-node-polyfills": "0.28.0",
157
157
  "vitest": "4.1.10",
158
+ "@payfit/hr-app-eslint": "0.0.0-use.local",
158
159
  "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
159
160
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
160
161
  "@payfit/storybook-config": "0.0.0-use.local",
161
- "@payfit/hr-app-eslint": "0.0.0-use.local",
162
- "@payfit/unity-themes": "2.65.1",
163
- "@payfit/vite-configs": "0.0.0-use.local",
164
- "@payfit/unity-illustrations": "2.65.1",
165
- "@payfit/unity-icons": "2.65.1"
162
+ "@payfit/unity-icons": "2.65.3",
163
+ "@payfit/unity-illustrations": "2.65.3",
164
+ "@payfit/unity-themes": "2.65.3",
165
+ "@payfit/vite-configs": "0.0.0-use.local"
166
166
  },
167
167
  "peerDependenciesMeta": {
168
168
  "@hookform/devtools": {
package/src/agent-references/component-catalog.json CHANGED
@@ -1289,6 +1289,30 @@
1289
1289
  "tags": ["category:actions", "type:component"],
1290
1290
  "title": "IconButton"
1291
1291
  },
1292
+ {
1293
+ "description": "IconButtonLink provides type-safe TanStack Router navigation with the IconButton appearance.",
1294
+ "docsHref": "?path=/docs/library-integrations-reference-tanstack-router-iconbuttonlink--docs",
1295
+ "id": "library-integrations-reference-tanstack-router-iconbuttonlink",
1296
+ "keywords": [
1297
+ "tanstack-router",
1298
+ "icon-button-link",
1299
+ "icon link",
1300
+ "IconButtonLink"
1301
+ ],
1302
+ "preview": {
1303
+ "type": "story",
1304
+ "story": "basic-navigation",
1305
+ "storyId": "library-integrations-reference-tanstack-router-iconbuttonlink--basic-navigation"
1306
+ },
1307
+ "related": [],
1308
+ "section": "integrations",
1309
+ "tags": [
1310
+ "type:integration",
1311
+ "category:navigation",
1312
+ "behavior:navigation"
1313
+ ],
1314
+ "title": "IconButtonLink"
1315
+ },
1292
1316
  {
1293
1317
  "description": "Builds editable read/write field rows connected to TanStack Form values.",
1294
1318
  "docsHref": "?path=/docs/forms-reference-inlinefield--docs",