@orfium/ictinus 5.41.2 → 5.41.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 (17) hide show
  1. package/.turbo/turbo-build.log +57 -57
  2. package/CHANGELOG.md +6 -0
  3. package/dist/src/vanilla/Tooltip/Tooltip.css.d.ts +20 -0
  4. package/dist/src/vanilla/Tooltip/Tooltip.d.ts +21 -0
  5. package/dist/src/vanilla/Tooltip/index.d.ts +1 -0
  6. package/dist/src/vanilla/index.d.ts +1 -0
  7. package/dist/vanilla/Tooltip/Tooltip-css.js +12 -0
  8. package/dist/vanilla/Tooltip/Tooltip.js +96 -0
  9. package/dist/vanilla/assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-nRPDcOsw.css +39 -0
  10. package/dist/vanilla/index.d.ts +29 -3
  11. package/dist/vanilla/index.js +1 -0
  12. package/dist/vanilla/package.json.js +1 -1
  13. package/package.json +2 -1
  14. package/src/vanilla/Tooltip/Tooltip.css.ts +93 -0
  15. package/src/vanilla/Tooltip/Tooltip.tsx +144 -0
  16. package/src/vanilla/Tooltip/index.ts +1 -0
  17. package/src/vanilla/index.ts +1 -0
package/.turbo/turbo-build.log CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- > @orfium/ictinus@5.41.2 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
2
+ > @orfium/ictinus@5.41.3 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
3
3
  > pnpm build:main && pnpm build:codemods && pnpm build:vanilla
4
4
 
5
5
 
6
- > @orfium/ictinus@5.41.2 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
6
+ > @orfium/ictinus@5.41.3 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
7
7
  > vite build --mode production
8
8
 
9
9
  production /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
@@ -51,6 +51,48 @@ computing gzip size...
51
51
  dist/_virtual/structureRole.js  0.04 kB │ gzip: 0.06 kB
52
52
  dist/_virtual/widgetRole.js  0.04 kB │ gzip: 0.06 kB
53
53
  dist/_virtual/windowRole.js  0.04 kB │ gzip: 0.06 kB
54
+ dist/_virtual/docAbstractRole.js  0.04 kB │ gzip: 0.06 kB
55
+ dist/_virtual/docAcknowledgmentsRole.js  0.04 kB │ gzip: 0.06 kB
56
+ dist/_virtual/docAfterwordRole.js  0.04 kB │ gzip: 0.06 kB
57
+ dist/_virtual/docAppendixRole.js  0.04 kB │ gzip: 0.06 kB
58
+ dist/_virtual/docBacklinkRole.js  0.04 kB │ gzip: 0.06 kB
59
+ dist/_virtual/docBiblioentryRole.js  0.04 kB │ gzip: 0.06 kB
60
+ dist/_virtual/docBibliographyRole.js  0.04 kB │ gzip: 0.06 kB
61
+ dist/_virtual/docBibliorefRole.js  0.04 kB │ gzip: 0.06 kB
62
+ dist/_virtual/docChapterRole.js  0.04 kB │ gzip: 0.06 kB
63
+ dist/_virtual/docColophonRole.js  0.04 kB │ gzip: 0.06 kB
64
+ dist/_virtual/docConclusionRole.js  0.04 kB │ gzip: 0.06 kB
65
+ dist/_virtual/docCoverRole.js  0.04 kB │ gzip: 0.06 kB
66
+ dist/_virtual/docCreditRole.js  0.04 kB │ gzip: 0.06 kB
67
+ dist/_virtual/docCreditsRole.js  0.04 kB │ gzip: 0.06 kB
68
+ dist/_virtual/docDedicationRole.js  0.04 kB │ gzip: 0.06 kB
69
+ dist/_virtual/docEndnoteRole.js  0.04 kB │ gzip: 0.06 kB
70
+ dist/_virtual/docEndnotesRole.js  0.04 kB │ gzip: 0.06 kB
71
+ dist/_virtual/docEpigraphRole.js  0.04 kB │ gzip: 0.06 kB
72
+ dist/_virtual/docEpilogueRole.js  0.04 kB │ gzip: 0.06 kB
73
+ dist/_virtual/docErrataRole.js  0.04 kB │ gzip: 0.06 kB
74
+ dist/_virtual/docExampleRole.js  0.04 kB │ gzip: 0.06 kB
75
+ dist/_virtual/docFootnoteRole.js  0.04 kB │ gzip: 0.06 kB
76
+ dist/_virtual/docForewordRole.js  0.04 kB │ gzip: 0.06 kB
77
+ dist/_virtual/docGlossaryRole.js  0.04 kB │ gzip: 0.06 kB
78
+ dist/_virtual/docGlossrefRole.js  0.04 kB │ gzip: 0.06 kB
79
+ dist/_virtual/docIndexRole.js  0.04 kB │ gzip: 0.06 kB
80
+ dist/_virtual/docIntroductionRole.js  0.04 kB │ gzip: 0.06 kB
81
+ dist/_virtual/docNoterefRole.js  0.04 kB │ gzip: 0.06 kB
82
+ dist/_virtual/docNoticeRole.js  0.04 kB │ gzip: 0.06 kB
83
+ dist/_virtual/docPagebreakRole.js  0.04 kB │ gzip: 0.06 kB
84
+ dist/_virtual/docPagelistRole.js  0.04 kB │ gzip: 0.06 kB
85
+ dist/_virtual/docPartRole.js  0.04 kB │ gzip: 0.06 kB
86
+ dist/_virtual/docPrefaceRole.js  0.04 kB │ gzip: 0.06 kB
87
+ dist/_virtual/docPrologueRole.js  0.04 kB │ gzip: 0.06 kB
88
+ dist/_virtual/docPullquoteRole.js  0.04 kB │ gzip: 0.06 kB
89
+ dist/_virtual/docQnaRole.js  0.04 kB │ gzip: 0.06 kB
90
+ dist/_virtual/docSubtitleRole.js  0.04 kB │ gzip: 0.06 kB
91
+ dist/_virtual/docTipRole.js  0.04 kB │ gzip: 0.06 kB
92
+ dist/_virtual/docTocRole.js  0.04 kB │ gzip: 0.06 kB
93
+ dist/_virtual/graphicsDocumentRole.js  0.04 kB │ gzip: 0.06 kB
94
+ dist/_virtual/graphicsObjectRole.js  0.04 kB │ gzip: 0.06 kB
95
+ dist/_virtual/graphicsSymbolRole.js  0.04 kB │ gzip: 0.06 kB
54
96
  dist/_virtual/alertRole.js  0.04 kB │ gzip: 0.06 kB
55
97
  dist/_virtual/alertdialogRole.js  0.04 kB │ gzip: 0.06 kB
56
98
  dist/_virtual/applicationRole.js  0.04 kB │ gzip: 0.06 kB
@@ -133,48 +175,6 @@ computing gzip size...
133
175
  dist/_virtual/treeRole.js  0.04 kB │ gzip: 0.06 kB
134
176
  dist/_virtual/treegridRole.js  0.04 kB │ gzip: 0.06 kB
135
177
  dist/_virtual/treeitemRole.js  0.04 kB │ gzip: 0.06 kB
136
- dist/_virtual/graphicsDocumentRole.js  0.04 kB │ gzip: 0.06 kB
137
- dist/_virtual/graphicsObjectRole.js  0.04 kB │ gzip: 0.06 kB
138
- dist/_virtual/graphicsSymbolRole.js  0.04 kB │ gzip: 0.06 kB
139
- dist/_virtual/docAbstractRole.js  0.04 kB │ gzip: 0.06 kB
140
- dist/_virtual/docAcknowledgmentsRole.js  0.04 kB │ gzip: 0.06 kB
141
- dist/_virtual/docAfterwordRole.js  0.04 kB │ gzip: 0.06 kB
142
- dist/_virtual/docAppendixRole.js  0.04 kB │ gzip: 0.06 kB
143
- dist/_virtual/docBacklinkRole.js  0.04 kB │ gzip: 0.06 kB
144
- dist/_virtual/docBiblioentryRole.js  0.04 kB │ gzip: 0.06 kB
145
- dist/_virtual/docBibliographyRole.js  0.04 kB │ gzip: 0.06 kB
146
- dist/_virtual/docBibliorefRole.js  0.04 kB │ gzip: 0.06 kB
147
- dist/_virtual/docChapterRole.js  0.04 kB │ gzip: 0.06 kB
148
- dist/_virtual/docColophonRole.js  0.04 kB │ gzip: 0.06 kB
149
- dist/_virtual/docConclusionRole.js  0.04 kB │ gzip: 0.06 kB
150
- dist/_virtual/docCoverRole.js  0.04 kB │ gzip: 0.06 kB
151
- dist/_virtual/docCreditRole.js  0.04 kB │ gzip: 0.06 kB
152
- dist/_virtual/docCreditsRole.js  0.04 kB │ gzip: 0.06 kB
153
- dist/_virtual/docDedicationRole.js  0.04 kB │ gzip: 0.06 kB
154
- dist/_virtual/docEndnoteRole.js  0.04 kB │ gzip: 0.06 kB
155
- dist/_virtual/docEndnotesRole.js  0.04 kB │ gzip: 0.06 kB
156
- dist/_virtual/docEpigraphRole.js  0.04 kB │ gzip: 0.06 kB
157
- dist/_virtual/docEpilogueRole.js  0.04 kB │ gzip: 0.06 kB
158
- dist/_virtual/docErrataRole.js  0.04 kB │ gzip: 0.06 kB
159
- dist/_virtual/docExampleRole.js  0.04 kB │ gzip: 0.06 kB
160
- dist/_virtual/docFootnoteRole.js  0.04 kB │ gzip: 0.06 kB
161
- dist/_virtual/docForewordRole.js  0.04 kB │ gzip: 0.06 kB
162
- dist/_virtual/docGlossaryRole.js  0.04 kB │ gzip: 0.06 kB
163
- dist/_virtual/docGlossrefRole.js  0.04 kB │ gzip: 0.06 kB
164
- dist/_virtual/docIndexRole.js  0.04 kB │ gzip: 0.06 kB
165
- dist/_virtual/docIntroductionRole.js  0.04 kB │ gzip: 0.06 kB
166
- dist/_virtual/docNoterefRole.js  0.04 kB │ gzip: 0.06 kB
167
- dist/_virtual/docNoticeRole.js  0.04 kB │ gzip: 0.06 kB
168
- dist/_virtual/docPagebreakRole.js  0.04 kB │ gzip: 0.06 kB
169
- dist/_virtual/docPagelistRole.js  0.04 kB │ gzip: 0.06 kB
170
- dist/_virtual/docPartRole.js  0.04 kB │ gzip: 0.06 kB
171
- dist/_virtual/docPrefaceRole.js  0.04 kB │ gzip: 0.06 kB
172
- dist/_virtual/docPrologueRole.js  0.04 kB │ gzip: 0.06 kB
173
- dist/_virtual/docPullquoteRole.js  0.04 kB │ gzip: 0.06 kB
174
- dist/_virtual/docQnaRole.js  0.04 kB │ gzip: 0.06 kB
175
- dist/_virtual/docSubtitleRole.js  0.04 kB │ gzip: 0.06 kB
176
- dist/_virtual/docTipRole.js  0.04 kB │ gzip: 0.06 kB
177
- dist/_virtual/docTocRole.js  0.04 kB │ gzip: 0.06 kB
178
178
  dist/_virtual/__vite-browser-external.js  0.04 kB │ gzip: 0.06 kB
179
179
  dist/_virtual/lz-string2.js  0.05 kB │ gzip: 0.07 kB
180
180
  dist/_virtual/index5.js  0.05 kB │ gzip: 0.07 kB
@@ -261,8 +261,8 @@ computing gzip size...
261
261
  dist/node_modules/has-bigints/index.js  0.29 kB │ gzip: 0.17 kB
262
262
  dist/hooks/useEscape.js  0.29 kB │ gzip: 0.19 kB
263
263
  dist/hooks/useCombinedRefs.js  0.29 kB │ gzip: 0.20 kB
264
- dist/components/Controls/ControlLabel/ControlHelpText.js  0.30 kB │ gzip: 0.24 kB
265
264
  dist/components/Icon/assets/usersAndStatus/statusIndicator.svg.js  0.30 kB │ gzip: 0.23 kB
265
+ dist/components/Controls/ControlLabel/ControlHelpText.js  0.30 kB │ gzip: 0.24 kB
266
266
  dist/components/Chart/Wrapper.js  0.30 kB │ gzip: 0.21 kB
267
267
  dist/components/Tabs/components/TabsContainer/TabsContainer.style.js  0.31 kB │ gzip: 0.22 kB
268
268
  dist/components/TableV4/components/TableCell/utils.js  0.31 kB │ gzip: 0.23 kB
@@ -394,8 +394,8 @@ computing gzip size...
394
394
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/tooltipRole.js  0.67 kB │ gzip: 0.38 kB
395
395
  dist/components/TopAppBar/components/Logo/Logo.style.js  0.67 kB │ gzip: 0.38 kB
396
396
  dist/components/Navigation/Navigation.js  0.68 kB │ gzip: 0.39 kB
397
- dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/feedRole.js  0.68 kB │ gzip: 0.38 kB
398
397
  dist/node_modules/object-keys/index.js  0.68 kB │ gzip: 0.33 kB
398
+ dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/feedRole.js  0.68 kB │ gzip: 0.38 kB
399
399
  dist/components/Navigation/Directory/Directory.js  0.68 kB │ gzip: 0.42 kB
400
400
  dist/node_modules/regexp.prototype.flags/implementation.js  0.69 kB │ gzip: 0.38 kB
401
401
  dist/node_modules/is-weakmap/index.js  0.69 kB │ gzip: 0.30 kB
@@ -451,8 +451,8 @@ computing gzip size...
451
451
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/alertdialogRole.js  0.78 kB │ gzip: 0.43 kB
452
452
  dist/components/Table/components/TH/components/SortingButton/SortingButton.js  0.79 kB │ gzip: 0.46 kB
453
453
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/switchRole.js  0.79 kB │ gzip: 0.44 kB
454
- dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.js  0.79 kB │ gzip: 0.39 kB
455
454
  dist/components/Icon/assets/musicBusiness/license.svg.js  0.79 kB │ gzip: 0.47 kB
455
+ dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.js  0.79 kB │ gzip: 0.39 kB
456
456
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/toolbarRole.js  0.79 kB │ gzip: 0.44 kB
457
457
  dist/components/NumberField/components/Stepper/Stepper.style.js  0.79 kB │ gzip: 0.48 kB
458
458
  dist/components/IconButton/IconButton.js  0.79 kB │ gzip: 0.46 kB
@@ -590,8 +590,8 @@ computing gzip size...
590
590
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/listitemRole.js  1.00 kB │ gzip: 0.50 kB
591
591
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/columnheaderRole.js  1.01 kB │ gzip: 0.49 kB
592
592
  dist/hooks/useFieldUtils.js  1.01 kB │ gzip: 0.59 kB
593
- dist/components/TopAppBar/TopAppBar.style.js  1.01 kB │ gzip: 0.47 kB
594
593
  dist/components/Icon/assets/generic/keyword.svg.js  1.01 kB │ gzip: 0.55 kB
594
+ dist/components/TopAppBar/TopAppBar.style.js  1.01 kB │ gzip: 0.47 kB
595
595
  dist/components/Icon/assets/toggledActions/freeze.svg.js  1.02 kB │ gzip: 0.52 kB
596
596
  dist/components/Notification/NotificationVisual/NotificationVisual.js  1.03 kB │ gzip: 0.47 kB
597
597
  dist/components/Icon/assets/audioControls/resume.svg.js  1.03 kB │ gzip: 0.53 kB
@@ -609,8 +609,8 @@ computing gzip size...
609
609
  dist/components/Filter/components/FilterMenu/FilterMenu.js  1.05 kB │ gzip: 0.50 kB
610
610
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/optionRole.js  1.06 kB │ gzip: 0.49 kB
611
611
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/graphics/graphicsDocumentRole.js  1.07 kB │ gzip: 0.50 kB
612
- dist/components/Tooltip/Tooltip.style.js  1.07 kB │ gzip: 0.57 kB
613
612
  dist/components/Icon/assets/toggledActions/flagOff.svg.js  1.07 kB │ gzip: 0.61 kB
613
+ dist/components/Tooltip/Tooltip.style.js  1.07 kB │ gzip: 0.57 kB
614
614
  dist/node_modules/@testing-library/react/node_modules/aria-query/lib/etc/roles/literal/imgRole.js  1.07 kB │ gzip: 0.47 kB
615
615
  dist/components/Icon/assets/navigation/arrowDown.svg.js  1.07 kB │ gzip: 0.60 kB
616
616
  dist/components/Icon/assets/navigation/arrowRight.svg.js  1.07 kB │ gzip: 0.60 kB
@@ -674,9 +674,9 @@ computing gzip size...
674
674
  dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.js  1.32 kB │ gzip: 0.55 kB
675
675
  dist/components/Notification/Snackbar/Snackbar.style.js  1.32 kB │ gzip: 0.62 kB
676
676
  dist/components/Icon/assets/toggledActions/pair.svg.js  1.33 kB │ gzip: 0.68 kB
677
- dist/components/Notification/Notification.style.js  1.33 kB │ gzip: 0.61 kB
678
677
  dist/components/DropdownButton/DropdownButton.style.js  1.33 kB │ gzip: 0.60 kB
679
678
  dist/components/Icon/assets/generic/mail.svg.js  1.33 kB │ gzip: 0.71 kB
679
+ dist/components/Notification/Notification.style.js  1.33 kB │ gzip: 0.61 kB
680
680
  dist/components/TextInputBase/TextInputBase.js  1.33 kB │ gzip: 0.63 kB
681
681
  dist/node_modules/is-regex/index.js  1.33 kB │ gzip: 0.57 kB
682
682
  dist/components/Avatar/Avatar.style.js  1.33 kB │ gzip: 0.60 kB
@@ -904,11 +904,11 @@ computing gzip size...
904
904
  dist/node_modules/object-inspect/index.js 12.77 kB │ gzip: 3.79 kB
905
905
  dist/index.js 13.21 kB │ gzip: 3.15 kB
906
906
  dist/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js 55.14 kB │ gzip: 13.99 kB
907
- [vite:dts] Declaration files built in 13760ms.
907
+ [vite:dts] Declaration files built in 12635ms.
908
908
 
909
- ✓ built in 18.73s
909
+ ✓ built in 17.49s
910
910
 
911
- > @orfium/ictinus@5.41.2 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
911
+ > @orfium/ictinus@5.41.3 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
912
912
  > vite build --config vite.codemods.config.ts
913
913
 
914
914
  vite v7.1.6 building for production...
@@ -941,16 +941,16 @@ computing gzip size...
941
941
  dist/codemods/drawerCodemod.cjs 1.07 kB │ gzip: 0.42 kB
942
942
  dist/codemods/unchangedIconsCodemod.cjs 1.12 kB │ gzip: 0.56 kB
943
943
  dist/codemods/globalsCodemod.cjs 7.12 kB │ gzip: 1.12 kB
944
- [vite:dts] Declaration files built in 989ms.
944
+ [vite:dts] Declaration files built in 984ms.
945
945
 
946
946
  ✓ built in 1.18s
947
947
 
948
- > @orfium/ictinus@5.41.2 build:vanilla /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
948
+ > @orfium/ictinus@5.41.3 build:vanilla /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
949
949
  > rm -rf dist/vanilla && NODE_ENV=production rollup -c
950
950
 
951
951
  
952
952
  ./src/vanilla/index.ts → dist/vanilla...
953
- created dist/vanilla in 945ms
953
+ created dist/vanilla in 1s
954
954
  
955
955
  ./src/vanilla/index.ts → dist/vanilla...
956
- created dist/vanilla in 4.7s
956
+ created dist/vanilla in 4.8s
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @orfium/ictinus
2
2
 
3
+ ## 5.41.3
4
+
5
+ ### Patch Changes
6
+
7
+ - d6aba99: react aria tooltip
8
+
3
9
  ## 5.41.2
4
10
 
5
11
  ### Patch Changes
package/dist/src/vanilla/Tooltip/Tooltip.css.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { RecipeVariants } from '@vanilla-extract/recipes';
2
+ export declare const tooltip: import('@vanilla-extract/recipes').RuntimeFn<{
3
+ inverse: {
4
+ true: string;
5
+ false: string;
6
+ };
7
+ }>;
8
+ export declare const trigger: string;
9
+ export declare const arrow: import('@vanilla-extract/recipes').RuntimeFn<{
10
+ [x: string]: {
11
+ [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
12
+ };
13
+ }>;
14
+ export declare const arrowInverse: import('@vanilla-extract/recipes').RuntimeFn<{
15
+ [x: string]: {
16
+ [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
17
+ };
18
+ }>;
19
+ export declare const arrowInverseBorder: string;
20
+ export type TooltipVariants = RecipeVariants<typeof tooltip>;
package/dist/src/vanilla/Tooltip/Tooltip.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { TooltipProps as TooltipPrimitiveProps, Focusable, TooltipTrigger as TooltipTriggerPrimitive } from 'react-aria-components';
3
+ import * as styles from './Tooltip.css';
4
+ type TooltipProps = ComponentProps<typeof TooltipTriggerPrimitive> & {
5
+ /**
6
+ * Only show the tooltip when children are partially hidden due to text overflow.
7
+ */
8
+ auto?: boolean;
9
+ };
10
+ declare const Tooltip: {
11
+ ({ delay, auto, defaultOpen, onOpenChange, isOpen: openProp, ...props }: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
12
+ displayName: string;
13
+ };
14
+ interface TooltipContentProps extends Omit<TooltipPrimitiveProps, 'children'>, NonNullable<styles.TooltipVariants> {
15
+ showArrow?: boolean;
16
+ children?: ReactNode;
17
+ }
18
+ declare const TooltipContent: ({ offset, inverse, showArrow, children, ...props }: TooltipContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
19
+ declare function TooltipTrigger({ ...props }: ComponentProps<typeof Focusable>): import("@emotion/react/jsx-runtime").JSX.Element;
20
+ export { Tooltip, TooltipContent, TooltipTrigger };
21
+ export type { TooltipContentProps, TooltipProps };
package/dist/src/vanilla/Tooltip/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
package/dist/src/vanilla/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export * from './Box';
2
2
  export * from './Table';
3
3
  export * from './Text';
4
4
  export * from './ThemeProvider';
5
+ export * from './Tooltip';
package/dist/vanilla/Tooltip/Tooltip-css.js ADDED
@@ -0,0 +1,12 @@
1
+ import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
2
+ import './../assets/src/vanilla-extract/global.css.ts.vanilla-t__QdzLU.css';
3
+ import './../assets/src/sprinkles/properties.css.ts.vanilla-Ckyezauv.css';
4
+ import './../assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-nRPDcOsw.css';
5
+ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
6
+
7
+ var arrow = createRuntimeFn({defaultClassName:'_1gov5q56',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
8
+ var arrowInverse = createRuntimeFn({defaultClassName:'_1gov5q58',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
9
+ var arrowInverseBorder = '_1gov5q5a';
10
+ var tooltip = createRuntimeFn({defaultClassName:'_146hxcf13o _146hxcf2c _146hxcfk8 _146hxcf1gh _146hxcf1j1 _1gov5q50',variantClassNames:{inverse:{true:'_146hxcf1hp _146hxcf1gc _146hxcf1hj _146hxcf1hm _146hxcf1kw _146hxcf21c _146hxcf1uc _146hxcf1hu',false:'_146hxcf1l0 _146hxcf224'}},defaultVariants:{},compoundVariants:[]});
11
+
12
+ export { arrow, arrowInverse, arrowInverseBorder, tooltip };
package/dist/vanilla/Tooltip/Tooltip.js ADDED
@@ -0,0 +1,96 @@
1
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
2
+ import { useControllableState } from '@radix-ui/react-use-controllable-state';
3
+ import { createContext, useRef, useContext } from 'react';
4
+ import { TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, composeRenderProps, OverlayArrow, Focusable } from 'react-aria-components';
5
+ import { cn } from '../src/utils/cn.js';
6
+ import { arrowInverse, arrowInverseBorder, arrow, tooltip } from './Tooltip-css.js';
7
+
8
+ const TooltipContext = createContext({ triggerRef: null });
9
+ const Tooltip = ({
10
+ delay = 500,
11
+ auto = false,
12
+ defaultOpen = false,
13
+ onOpenChange,
14
+ isOpen: openProp,
15
+ ...props
16
+ }) => {
17
+ const triggerRef = useRef(null);
18
+ const [open, setOpen] = useControllableState({
19
+ caller: "Tooltip",
20
+ defaultProp: defaultOpen,
21
+ onChange: onOpenChange,
22
+ prop: openProp
23
+ });
24
+ return /* @__PURE__ */ jsx(TooltipContext.Provider, { value: { triggerRef }, children: /* @__PURE__ */ jsx(
25
+ TooltipTrigger$1,
26
+ {
27
+ delay,
28
+ defaultOpen: auto ? open : defaultOpen,
29
+ isDisabled: auto && openProp === void 0 ? void 0 : props.isDisabled,
30
+ isOpen: auto ? open : openProp,
31
+ onOpenChange: (isOpen) => {
32
+ if (auto && isOpen && triggerRef.current && !hasTruncatedContent(triggerRef.current)) {
33
+ return;
34
+ }
35
+ setOpen(isOpen);
36
+ },
37
+ ...props
38
+ }
39
+ ) });
40
+ };
41
+ Tooltip.displayName = "Tooltip";
42
+ const TooltipContent = ({
43
+ offset = 8,
44
+ inverse = false,
45
+ showArrow = true,
46
+ children,
47
+ ...props
48
+ }) => {
49
+ return /* @__PURE__ */ jsxs(
50
+ Tooltip$1,
51
+ {
52
+ ...props,
53
+ offset,
54
+ className: composeRenderProps(
55
+ props.className,
56
+ (className) => cn(tooltip({ inverse }), className)
57
+ ),
58
+ children: [
59
+ showArrow && /* @__PURE__ */ jsx(OverlayArrow, { children: inverse ? /* @__PURE__ */ jsxs("svg", { width: 18, height: 8, viewBox: "0 0 18 8", className: arrowInverse(), children: [
60
+ /* @__PURE__ */ jsx("path", { d: "M9.00744 6.52304L1.6397 0.000488281L16.3752 0.000489658L9.00744 6.52304Z" }),
61
+ /* @__PURE__ */ jsx(
62
+ "path",
63
+ {
64
+ d: "M9.00337 6.51095L16.3588 0.00158653H18.0034L9.00337 8.00049L0.00337219 0.00158653L1.6397 0.000488281L9.00337 6.51095Z",
65
+ className: arrowInverseBorder
66
+ }
67
+ )
68
+ ] }) : /* @__PURE__ */ jsx("svg", { width: 15, height: 6, viewBox: "0 0 15 6", className: arrow(), children: /* @__PURE__ */ jsx("path", { d: "M7.5 6L0.500001 -1.22392e-06L14.5 0L7.5 6Z" }) }) }),
69
+ children
70
+ ]
71
+ }
72
+ );
73
+ };
74
+ function TooltipTrigger({ ...props }) {
75
+ const { triggerRef } = useContext(TooltipContext);
76
+ return /* @__PURE__ */ jsx(Focusable, { ref: triggerRef, "data-slot": "tooltip-trigger", ...props });
77
+ }
78
+ const hasTruncatedContent = (element) => {
79
+ let truncated = false;
80
+ const elements = [element];
81
+ while (!truncated && elements.length) {
82
+ const element2 = elements.shift();
83
+ if (!(element2 instanceof HTMLElement)) {
84
+ continue;
85
+ }
86
+ const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element2;
87
+ if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
88
+ truncated = true;
89
+ break;
90
+ }
91
+ elements.push(...element2.children);
92
+ }
93
+ return truncated;
94
+ };
95
+
96
+ export { Tooltip, TooltipContent, TooltipTrigger };
package/dist/vanilla/assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-nRPDcOsw.css ADDED
@@ -0,0 +1,39 @@
1
+ @layer ictinus._16quzhu0;
2
+ @layer ictinus._16quzhu0 {
3
+ ._1gov5q50 {
4
+ transform: translate3d(0, 0, 0);
5
+ transform-origin: var(--trigger-anchor-point);
6
+ }
7
+ ._1gov5q54 {
8
+ background: transparent;
9
+ }
10
+ ._1gov5q56 {
11
+ display: block;
12
+ fill: var(--ictinus-color-background-inverted);
13
+ }
14
+ [data-placement=bottom] ._1gov5q56 {
15
+ transform: rotate(180deg);
16
+ }
17
+ [data-placement=right] ._1gov5q56 {
18
+ transform: rotate(90deg) translateY(-5px);
19
+ }
20
+ [data-placement=left] ._1gov5q56 {
21
+ transform: rotate(-90deg) translateY(-5px);
22
+ }
23
+ ._1gov5q58 {
24
+ display: block;
25
+ fill: var(--ictinus-color-background-alt);
26
+ }
27
+ [data-placement=bottom] ._1gov5q58 {
28
+ transform: rotate(180deg);
29
+ }
30
+ [data-placement=right] ._1gov5q58 {
31
+ transform: rotate(90deg) translateY(-5px);
32
+ }
33
+ [data-placement=left] ._1gov5q58 {
34
+ transform: rotate(-90deg) translateY(-5px);
35
+ }
36
+ ._1gov5q5a {
37
+ fill: var(--ictinus-color-border-color-decorative-default);
38
+ }
39
+ }
package/dist/vanilla/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as react from 'react';
2
- import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentProps } from 'react';
3
3
  import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
4
4
  import { RecipeVariants } from '@vanilla-extract/recipes';
5
5
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
6
+ import { TooltipTrigger as TooltipTrigger$1, TooltipProps as TooltipProps$1, Focusable } from 'react-aria-components';
6
7
 
7
8
  declare const sprinkles: ((props: {
8
9
  borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
@@ -3805,5 +3806,30 @@ type ThemeProviderProps = {
3805
3806
  declare const ThemeProvider: ({ children, colorScheme: initialColorScheme, asChild, }: ThemeProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
3806
3807
  declare const useTheme: () => ThemeContextValue;
3807
3808
 
3808
- export { Box, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Text, ThemeProvider, extractBoxProps, useTheme };
3809
- export type { BoxProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps, TextProps };
3809
+ declare const tooltip: _vanilla_extract_recipes.RuntimeFn<{
3810
+ inverse: {
3811
+ true: string;
3812
+ false: string;
3813
+ };
3814
+ }>;
3815
+ type TooltipVariants = RecipeVariants<typeof tooltip>;
3816
+
3817
+ type TooltipProps = ComponentProps<typeof TooltipTrigger$1> & {
3818
+ /**
3819
+ * Only show the tooltip when children are partially hidden due to text overflow.
3820
+ */
3821
+ auto?: boolean;
3822
+ };
3823
+ declare const Tooltip: {
3824
+ ({ delay, auto, defaultOpen, onOpenChange, isOpen: openProp, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
3825
+ displayName: string;
3826
+ };
3827
+ interface TooltipContentProps extends Omit<TooltipProps$1, 'children'>, NonNullable<TooltipVariants> {
3828
+ showArrow?: boolean;
3829
+ children?: ReactNode;
3830
+ }
3831
+ declare const TooltipContent: ({ offset, inverse, showArrow, children, ...props }: TooltipContentProps) => _emotion_react_jsx_runtime.JSX.Element;
3832
+ declare function TooltipTrigger({ ...props }: ComponentProps<typeof Focusable>): _emotion_react_jsx_runtime.JSX.Element;
3833
+
3834
+ export { Box, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Text, ThemeProvider, Tooltip, TooltipContent, TooltipTrigger, extractBoxProps, useTheme };
3835
+ export type { BoxProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps, TextProps, TooltipContentProps, TooltipProps };
package/dist/vanilla/index.js CHANGED
@@ -9,3 +9,4 @@ export { TableHeaderCell } from './Table/TableHeaderCell.js';
9
9
  export { TableRow } from './Table/TableRow.js';
10
10
  export { Text } from './Text/Text.js';
11
11
  export { ThemeProvider, useTheme } from './ThemeProvider/ThemeProvider.js';
12
+ export { Tooltip, TooltipContent, TooltipTrigger } from './Tooltip/Tooltip.js';
package/dist/vanilla/package.json.js CHANGED
@@ -1,3 +1,3 @@
1
- var version = "5.41.2";
1
+ var version = "5.41.3";
2
2
 
3
3
  export { version };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orfium/ictinus",
3
- "version": "5.41.2",
3
+ "version": "5.41.3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "module": "./dist/index.js",
@@ -93,6 +93,7 @@
93
93
  },
94
94
  "dependencies": {
95
95
  "@radix-ui/react-slot": "^1.2.3",
96
+ "@radix-ui/react-use-controllable-state": "^1.2.2",
96
97
  "@tanstack/react-table": "^8.21.3",
97
98
  "@vanilla-extract/recipes": "^0.5.7",
98
99
  "@vanilla-extract/sprinkles": "^1.6.5",
package/src/vanilla/Tooltip/Tooltip.css.ts ADDED
@@ -0,0 +1,93 @@
1
+ import { vars } from '@orfium/tokens';
2
+ import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';
3
+
4
+ import { sprinkles } from '../../sprinkles';
5
+ import { style } from '../../vanilla-extract';
6
+
7
+ export const tooltip = recipe({
8
+ base: [
9
+ sprinkles({
10
+ display: 'flex',
11
+ flexDirection: 'column',
12
+ p: '4',
13
+ borderRadius: '2',
14
+ typography: 'body03',
15
+ }),
16
+ style({
17
+ transform: 'translate3d(0, 0, 0)',
18
+ transformOrigin: 'var(--trigger-anchor-point)',
19
+ }),
20
+ ],
21
+ variants: {
22
+ inverse: {
23
+ true: sprinkles({
24
+ bg: 'alt',
25
+ color: 'primary',
26
+ border: '1',
27
+ borderColor: 'decorative.default',
28
+ boxShadow: '2',
29
+ }),
30
+ false: sprinkles({
31
+ bg: 'inverted',
32
+ color: 'inverted.primary',
33
+ }),
34
+ },
35
+ },
36
+ });
37
+
38
+ export const trigger = style([
39
+ sprinkles({
40
+ cursor: 'default',
41
+ }),
42
+ style({
43
+ background: 'transparent',
44
+ }),
45
+ ]);
46
+
47
+ export const arrow = recipe({
48
+ base: [
49
+ style({
50
+ display: 'block',
51
+ fill: vars.color.background.inverted,
52
+
53
+ selectors: {
54
+ '[data-placement=bottom] &': {
55
+ transform: 'rotate(180deg)',
56
+ },
57
+ '[data-placement=right] &': {
58
+ transform: 'rotate(90deg) translateY(-5px)',
59
+ },
60
+ '[data-placement=left] &': {
61
+ transform: 'rotate(-90deg) translateY(-5px)',
62
+ },
63
+ },
64
+ }),
65
+ ],
66
+ });
67
+
68
+ export const arrowInverse = recipe({
69
+ base: [
70
+ style({
71
+ display: 'block',
72
+ fill: vars.color.background.alt,
73
+
74
+ selectors: {
75
+ '[data-placement=bottom] &': {
76
+ transform: 'rotate(180deg)',
77
+ },
78
+ '[data-placement=right] &': {
79
+ transform: 'rotate(90deg) translateY(-5px)',
80
+ },
81
+ '[data-placement=left] &': {
82
+ transform: 'rotate(-90deg) translateY(-5px)',
83
+ },
84
+ },
85
+ }),
86
+ ],
87
+ });
88
+
89
+ export const arrowInverseBorder = style({
90
+ fill: vars.color['border-color'].decorative.default,
91
+ });
92
+
93
+ export type TooltipVariants = RecipeVariants<typeof tooltip>;
package/src/vanilla/Tooltip/Tooltip.tsx ADDED
@@ -0,0 +1,144 @@
1
+ import { useControllableState } from '@radix-ui/react-use-controllable-state';
2
+ import {
3
+ createContext,
4
+ useContext,
5
+ useRef,
6
+ type ComponentProps,
7
+ type ReactNode,
8
+ type RefObject,
9
+ } from 'react';
10
+ import type { TooltipProps as TooltipPrimitiveProps } from 'react-aria-components';
11
+ import {
12
+ composeRenderProps,
13
+ Focusable,
14
+ OverlayArrow,
15
+ Tooltip as TooltipPrimitive,
16
+ TooltipTrigger as TooltipTriggerPrimitive,
17
+ } from 'react-aria-components';
18
+
19
+ import { cn } from '../../utils/cn';
20
+ import * as styles from './Tooltip.css';
21
+
22
+ const TooltipContext = createContext<{
23
+ triggerRef: RefObject<HTMLElement> | null;
24
+ }>({ triggerRef: null });
25
+
26
+ type TooltipProps = ComponentProps<typeof TooltipTriggerPrimitive> & {
27
+ /**
28
+ * Only show the tooltip when children are partially hidden due to text overflow.
29
+ */
30
+ auto?: boolean;
31
+ };
32
+
33
+ const Tooltip = ({
34
+ delay = 500,
35
+ auto = false,
36
+ defaultOpen = false,
37
+ onOpenChange,
38
+ isOpen: openProp,
39
+ ...props
40
+ }: TooltipProps) => {
41
+ const triggerRef = useRef<HTMLElement>(null);
42
+ const [open, setOpen] = useControllableState({
43
+ caller: 'Tooltip',
44
+ defaultProp: defaultOpen,
45
+ onChange: onOpenChange,
46
+ prop: openProp,
47
+ });
48
+
49
+ return (
50
+ <TooltipContext.Provider value={{ triggerRef }}>
51
+ <TooltipTriggerPrimitive
52
+ delay={delay}
53
+ defaultOpen={auto ? open : defaultOpen}
54
+ isDisabled={auto && openProp === undefined ? undefined : props.isDisabled}
55
+ isOpen={auto ? open : openProp}
56
+ onOpenChange={(isOpen) => {
57
+ if (auto && isOpen && triggerRef.current && !hasTruncatedContent(triggerRef.current)) {
58
+ return;
59
+ }
60
+
61
+ setOpen(isOpen);
62
+ }}
63
+ {...props}
64
+ />
65
+ </TooltipContext.Provider>
66
+ );
67
+ };
68
+
69
+ Tooltip.displayName = 'Tooltip';
70
+
71
+ interface TooltipContentProps
72
+ extends Omit<TooltipPrimitiveProps, 'children'>,
73
+ NonNullable<styles.TooltipVariants> {
74
+ showArrow?: boolean;
75
+ children?: ReactNode;
76
+ }
77
+
78
+ const TooltipContent = ({
79
+ offset = 8,
80
+ inverse = false,
81
+ showArrow = true,
82
+ children,
83
+ ...props
84
+ }: TooltipContentProps) => {
85
+ return (
86
+ <TooltipPrimitive
87
+ {...props}
88
+ offset={offset}
89
+ className={composeRenderProps(props.className, (className) =>
90
+ cn(styles.tooltip({ inverse }), className)
91
+ )}
92
+ >
93
+ {showArrow && (
94
+ <OverlayArrow>
95
+ {inverse ? (
96
+ <svg width={18} height={8} viewBox="0 0 18 8" className={styles.arrowInverse()}>
97
+ <path d="M9.00744 6.52304L1.6397 0.000488281L16.3752 0.000489658L9.00744 6.52304Z" />
98
+ <path
99
+ d="M9.00337 6.51095L16.3588 0.00158653H18.0034L9.00337 8.00049L0.00337219 0.00158653L1.6397 0.000488281L9.00337 6.51095Z"
100
+ className={styles.arrowInverseBorder}
101
+ />
102
+ </svg>
103
+ ) : (
104
+ <svg width={15} height={6} viewBox="0 0 15 6" className={styles.arrow()}>
105
+ <path d="M7.5 6L0.500001 -1.22392e-06L14.5 0L7.5 6Z" />
106
+ </svg>
107
+ )}
108
+ </OverlayArrow>
109
+ )}
110
+ {children}
111
+ </TooltipPrimitive>
112
+ );
113
+ };
114
+
115
+ function TooltipTrigger({ ...props }: ComponentProps<typeof Focusable>) {
116
+ const { triggerRef } = useContext(TooltipContext);
117
+
118
+ return <Focusable ref={triggerRef} data-slot="tooltip-trigger" {...props} />;
119
+ }
120
+
121
+ const hasTruncatedContent = (element: HTMLElement) => {
122
+ let truncated = false;
123
+
124
+ const elements: Element[] = [element];
125
+ while (!truncated && elements.length) {
126
+ const element = elements.shift();
127
+ if (!(element instanceof HTMLElement)) {
128
+ continue;
129
+ }
130
+ const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element;
131
+
132
+ if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
133
+ truncated = true;
134
+ break;
135
+ }
136
+
137
+ elements.push(...element.children);
138
+ }
139
+
140
+ return truncated;
141
+ };
142
+
143
+ export { Tooltip, TooltipContent, TooltipTrigger };
144
+ export type { TooltipContentProps, TooltipProps };
package/src/vanilla/Tooltip/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
package/src/vanilla/index.ts CHANGED
@@ -2,3 +2,4 @@ export * from './Box';
2
2
  export * from './Table';
3
3
  export * from './Text';
4
4
  export * from './ThemeProvider';
5
+ export * from './Tooltip';