@clubmed/trident-ui 1.3.0-beta.12 → 1.3.0-beta.13

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 (127) hide show
  1. package/.npm/_logs/2025-08-08T15_19_22_167Z-debug-0.log +19 -0
  2. package/.npm/_logs/2025-08-08T15_19_22_257Z-debug-0.log +14 -0
  3. package/CHANGELOG.md +7 -0
  4. package/README.md +8 -0
  5. package/assets/{style.css → trident-ui.css} +1 -1
  6. package/atoms/Clickable/Clickable.d.ts +2 -2
  7. package/atoms/Heading/Heading.d.ts +1 -1
  8. package/atoms/Heading/HeadingGroup.d.ts +2 -2
  9. package/atoms/Icons/Iconics.d.ts +1 -1
  10. package/atoms/Icons/IconsResolver.d.ts +1 -1
  11. package/atoms/Icons/contexts/IconsContext.d.ts +1 -1
  12. package/atoms/Icons/svg/SvgIcon.d.ts +1 -1
  13. package/atoms/Icons/svg-use/SvgUseIcon.d.ts +1 -1
  14. package/atoms/Image/Image.d.ts +1 -1
  15. package/atoms/Image/Image.js +12 -12
  16. package/atoms/Image/Image.js.map +1 -1
  17. package/atoms/Prose/Prose.d.ts +2 -2
  18. package/chunks/ResizeObserver.js +1 -1
  19. package/chunks/ResizeObserver.js.map +1 -1
  20. package/chunks/_commonjsHelpers.js +19 -14
  21. package/chunks/_commonjsHelpers.js.map +1 -1
  22. package/chunks/index.js +36 -33
  23. package/chunks/index.js.map +1 -1
  24. package/chunks/plugin.js +57 -46
  25. package/chunks/plugin.js.map +1 -1
  26. package/contexts/Devices/Device.d.ts +3 -3
  27. package/contexts/Devices/hooks/useQueries.d.ts +2 -2
  28. package/contexts/Devices/reducers/reducer.d.ts +2 -2
  29. package/contexts/TridentUIConfig.d.ts +1 -1
  30. package/contexts/TridentUIConfig.js +1265 -653
  31. package/contexts/TridentUIConfig.js.map +1 -1
  32. package/helpers/colors/colors.d.ts +1 -1
  33. package/hooks/useKeyboardControls.d.ts +1 -1
  34. package/hooks/useResizeObserver.d.ts +1 -1
  35. package/hooks/useSafeBoop.d.ts +2 -2
  36. package/molecules/Arrows/Arrows.d.ts +2 -2
  37. package/molecules/Avatar.d.ts +1 -1
  38. package/molecules/Avatar.js +24 -24
  39. package/molecules/Avatar.js.map +1 -1
  40. package/molecules/Backdrop.d.ts +1 -1
  41. package/molecules/Breadcrumb.d.ts +2 -3
  42. package/molecules/Breadcrumb.js +25 -36
  43. package/molecules/Breadcrumb.js.map +1 -1
  44. package/molecules/Breadcrumb.themes.d.ts +1 -1
  45. package/molecules/Buttons/ArrowButton.d.ts +1 -1
  46. package/molecules/Buttons/Button.d.ts +3 -3
  47. package/molecules/Buttons/ButtonAnchor.d.ts +2 -2
  48. package/molecules/Buttons/ButtonContent.d.ts +2 -2
  49. package/molecules/Buttons/FakeButton.d.ts +2 -3
  50. package/molecules/Buttons/InertButton.d.ts +2 -2
  51. package/molecules/Buttons/v2/Button.d.ts +2081 -2082
  52. package/molecules/Buttons/v2/Button.type.d.ts +2 -2
  53. package/molecules/Cards/Card.d.ts +4 -4
  54. package/molecules/Cards/CardBackground.d.ts +2 -2
  55. package/molecules/Cards/CardBackground.js +17 -17
  56. package/molecules/Cards/CardBackground.js.map +1 -1
  57. package/molecules/Cards/CardBackgroundContext.d.ts +1 -1
  58. package/molecules/Cards/CardClickable.d.ts +1 -1
  59. package/molecules/Cards/ExpandableCard.d.ts +3 -3
  60. package/molecules/Cards/ExpandableCard.js +41 -41
  61. package/molecules/Cards/ExpandableCard.js.map +1 -1
  62. package/molecules/Cards/v2/Card.d.ts +1 -1
  63. package/molecules/Cards/v2/Card.js +13 -13
  64. package/molecules/Cards/v2/Card.js.map +1 -1
  65. package/molecules/Chip.d.ts +3 -3
  66. package/molecules/Chip.themes.d.ts +1 -1
  67. package/molecules/ElasticHeight.d.ts +1 -1
  68. package/molecules/ElasticHeight.js +20 -21
  69. package/molecules/ElasticHeight.js.map +1 -1
  70. package/molecules/Forms/Checkboxes/Checkbox.d.ts +1 -1
  71. package/molecules/Forms/Checkboxes/Checkbox.js +43 -43
  72. package/molecules/Forms/Checkboxes/Checkbox.js.map +1 -1
  73. package/molecules/Forms/Checkboxes/Checkboxes.d.ts +2 -2
  74. package/molecules/Forms/DateField.d.ts +2 -2
  75. package/molecules/Forms/DateField.js +60 -61
  76. package/molecules/Forms/DateField.js.map +1 -1
  77. package/molecules/Forms/Filter.d.ts +1 -2
  78. package/molecules/Forms/Filter.js +29 -29
  79. package/molecules/Forms/Filter.js.map +1 -1
  80. package/molecules/Forms/FormControl.d.ts +4 -4
  81. package/molecules/Forms/FormLabel.d.ts +1 -1
  82. package/molecules/Forms/NumberField.d.ts +278 -278
  83. package/molecules/Forms/Password/Password.d.ts +1 -1
  84. package/molecules/Forms/Password/ValidationMessage.d.ts +1 -1
  85. package/molecules/Forms/Radios/Radio.d.ts +1 -2
  86. package/molecules/Forms/Radios/Radio.js +30 -30
  87. package/molecules/Forms/Radios/Radio.js.map +1 -1
  88. package/molecules/Forms/Radios/RadioGroup.d.ts +2 -2
  89. package/molecules/Forms/Radios/RadioGroup.js +50 -52
  90. package/molecules/Forms/Radios/RadioGroup.js.map +1 -1
  91. package/molecules/Forms/Range.d.ts +1 -2
  92. package/molecules/Forms/Range.js +118 -113
  93. package/molecules/Forms/Range.js.map +1 -1
  94. package/molecules/Forms/Select.d.ts +3 -3
  95. package/molecules/Forms/Switch.d.ts +1 -1
  96. package/molecules/Forms/TextField.d.ts +3 -3
  97. package/molecules/HamburgerIcon.d.ts +1 -1
  98. package/molecules/Link.d.ts +2 -2
  99. package/molecules/Loader.d.ts +1 -1
  100. package/molecules/Pagination.d.ts +2 -2
  101. package/molecules/Popin.d.ts +1 -1
  102. package/molecules/Spinner.d.ts +1 -1
  103. package/molecules/Tabs/Tab.d.ts +2 -3
  104. package/molecules/Tabs/Tab.js +41 -42
  105. package/molecules/Tabs/Tab.js.map +1 -1
  106. package/molecules/Tabs/TabList.d.ts +1 -1
  107. package/molecules/Tabs/TabList.js +21 -21
  108. package/molecules/Tabs/TabList.js.map +1 -1
  109. package/molecules/Tabs/TabPanel.d.ts +1 -1
  110. package/molecules/Tabs/TabPanel.js +13 -13
  111. package/molecules/Tabs/TabPanel.js.map +1 -1
  112. package/molecules/Tabs/Tabs.d.ts +1 -1
  113. package/molecules/Tabs/TabsBody.d.ts +1 -1
  114. package/molecules/Tabs/context/TabControl.d.ts +2 -2
  115. package/molecules/Tabs/hooks/tabControl.d.ts +5 -5
  116. package/molecules/Tag.d.ts +4 -4
  117. package/package.json +29 -32
  118. package/tailwind/plugins/animationDelay.d.ts +2 -2
  119. package/tailwind/plugins/hocus.d.ts +2 -2
  120. package/tailwind/plugins/lineClampFix.d.ts +2 -2
  121. package/tailwind/plugins/popover.d.ts +2 -2
  122. package/tailwind/plugins/startingStyle.d.ts +2 -2
  123. package/tailwind/plugins/transitionBehavior.d.ts +2 -2
  124. package/tailwind/tailwind.preset.d.ts +50 -50
  125. package/tests/helpers/device.d.ts +14 -0
  126. package/tests/helpers/device.js +13426 -0
  127. package/tests/helpers/device.js.map +1 -0
@@ -1,4 +1,4 @@
1
1
  export declare const transitionBehavior: {
2
- handler: import("tailwindcss/types/config").PluginCreator;
3
- config?: Partial<import("tailwindcss/types/config").Config> | undefined;
2
+ handler: import('tailwindcss/types/config').PluginCreator;
3
+ config?: Partial<import('tailwindcss/types/config').Config>;
4
4
  };
@@ -1,8 +1,8 @@
1
1
  export declare const tailwindPreset: {
2
2
  content: never[];
3
3
  plugins: {
4
- handler: import("tailwindcss/types/config").PluginCreator;
5
- config?: Partial<import("tailwindcss/types/config").Config> | undefined;
4
+ handler: import('tailwindcss/types/config').PluginCreator;
5
+ config?: Partial<import('tailwindcss/types/config').Config>;
6
6
  }[];
7
7
  corePlugins: {
8
8
  lineClamp: false;
@@ -376,7 +376,7 @@ export declare const tailwindPreset: {
376
376
  verticalVideo: string;
377
377
  video: string;
378
378
  };
379
- backdropBlur: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
379
+ backdropBlur: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
380
380
  blur: {
381
381
  DEFAULT: string;
382
382
  0: string;
@@ -389,7 +389,7 @@ export declare const tailwindPreset: {
389
389
  '2xl': string;
390
390
  '3xl': string;
391
391
  };
392
- borderColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
392
+ borderColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
393
393
  borderRadius: {
394
394
  0: string;
395
395
  2: string;
@@ -517,8 +517,8 @@ export declare const tailwindPreset: {
517
517
  semibold: string;
518
518
  bold: string;
519
519
  };
520
- height: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
521
- inset: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
520
+ height: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
521
+ inset: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
522
522
  lineClamp: {
523
523
  1: string;
524
524
  2: string;
@@ -544,10 +544,10 @@ export declare const tailwindPreset: {
544
544
  9: string;
545
545
  10: string;
546
546
  };
547
- maxHeight: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
548
- maxWidth: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
549
- minHeight: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
550
- minWidth: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
547
+ maxHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
548
+ maxWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
549
+ minHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
550
+ minWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
551
551
  opacity: {
552
552
  0: string;
553
553
  5: string;
@@ -565,7 +565,7 @@ export declare const tailwindPreset: {
565
565
  95: string;
566
566
  100: string;
567
567
  };
568
- ringColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
568
+ ringColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
569
569
  ringWidth: {
570
570
  DEFAULT: string;
571
571
  0: string;
@@ -673,8 +673,8 @@ export declare const tailwindPreset: {
673
673
  'transform/opacity': string;
674
674
  'colors/opacity': string;
675
675
  };
676
- translate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
677
- width: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
676
+ translate: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
677
+ width: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
678
678
  zIndex: {
679
679
  auto: string;
680
680
  0: string;
@@ -708,15 +708,15 @@ export declare const tailwindPreset: {
708
708
  contents: string;
709
709
  transform: string;
710
710
  };
711
- backdropBrightness: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
712
- backdropContrast: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
713
- backdropGrayscale: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
714
- backdropHueRotate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
715
- backdropInvert: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
716
- backdropOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
717
- backdropSaturate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
718
- backdropSepia: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
719
- backgroundColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
711
+ backdropBrightness: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
712
+ backdropContrast: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
713
+ backdropGrayscale: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
714
+ backdropHueRotate: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
715
+ backdropInvert: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
716
+ backdropOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
717
+ backdropSaturate: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
718
+ backdropSepia: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
719
+ backgroundColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
720
720
  backgroundImage: {
721
721
  none: string;
722
722
  'gradient-to-t': string;
@@ -728,7 +728,7 @@ export declare const tailwindPreset: {
728
728
  'gradient-to-l': string;
729
729
  'gradient-to-tl': string;
730
730
  };
731
- backgroundOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
731
+ backgroundOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
732
732
  backgroundPosition: {
733
733
  bottom: string;
734
734
  center: string;
@@ -758,11 +758,11 @@ export declare const tailwindPreset: {
758
758
  150: string;
759
759
  200: string;
760
760
  };
761
- borderOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
762
- borderSpacing: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
763
- boxShadowColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
764
- caretColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
765
- accentColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
761
+ borderOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
762
+ borderSpacing: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
763
+ boxShadowColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
764
+ caretColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
765
+ accentColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
766
766
  contrast: {
767
767
  0: string;
768
768
  50: string;
@@ -813,10 +813,10 @@ export declare const tailwindPreset: {
813
813
  'zoom-in': string;
814
814
  'zoom-out': string;
815
815
  };
816
- divideColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
817
- divideOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
818
- divideWidth: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
819
- fill: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
816
+ divideColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
817
+ divideOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
818
+ divideWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
819
+ fill: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
820
820
  grayscale: {
821
821
  0: string;
822
822
  DEFAULT: string;
@@ -839,7 +839,7 @@ export declare const tailwindPreset: {
839
839
  initial: string;
840
840
  none: string;
841
841
  };
842
- flexBasis: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
842
+ flexBasis: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
843
843
  flexGrow: {
844
844
  0: string;
845
845
  DEFAULT: string;
@@ -848,8 +848,8 @@ export declare const tailwindPreset: {
848
848
  0: string;
849
849
  DEFAULT: string;
850
850
  };
851
- gap: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
852
- gradientColorStops: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
851
+ gap: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
852
+ gradientColorStops: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
853
853
  gridAutoColumns: {
854
854
  auto: string;
855
855
  min: string;
@@ -988,7 +988,7 @@ export declare const tailwindPreset: {
988
988
  'right-top': string;
989
989
  top: string;
990
990
  };
991
- margin: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
991
+ margin: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
992
992
  order: {
993
993
  first: string;
994
994
  last: string;
@@ -1006,10 +1006,10 @@ export declare const tailwindPreset: {
1006
1006
  11: string;
1007
1007
  12: string;
1008
1008
  };
1009
- padding: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1010
- placeholderColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1011
- placeholderOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1012
- outlineColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1009
+ padding: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1010
+ placeholderColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1011
+ placeholderOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1012
+ outlineColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1013
1013
  outlineOffset: {
1014
1014
  0: string;
1015
1015
  1: string;
@@ -1024,7 +1024,7 @@ export declare const tailwindPreset: {
1024
1024
  4: string;
1025
1025
  8: string;
1026
1026
  };
1027
- ringOffsetColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1027
+ ringOffsetColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1028
1028
  ringOffsetWidth: {
1029
1029
  0: string;
1030
1030
  1: string;
@@ -1032,7 +1032,7 @@ export declare const tailwindPreset: {
1032
1032
  4: string;
1033
1033
  8: string;
1034
1034
  };
1035
- ringOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1035
+ ringOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1036
1036
  saturate: {
1037
1037
  0: string;
1038
1038
  50: string;
@@ -1040,8 +1040,8 @@ export declare const tailwindPreset: {
1040
1040
  150: string;
1041
1041
  200: string;
1042
1042
  };
1043
- scrollMargin: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1044
- scrollPadding: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1043
+ scrollMargin: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1044
+ scrollPadding: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1045
1045
  sepia: {
1046
1046
  0: string;
1047
1047
  DEFAULT: string;
@@ -1055,15 +1055,15 @@ export declare const tailwindPreset: {
1055
1055
  6: string;
1056
1056
  12: string;
1057
1057
  };
1058
- space: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1059
- stroke: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1058
+ space: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1059
+ stroke: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1060
1060
  strokeWidth: {
1061
1061
  0: string;
1062
1062
  1: string;
1063
1063
  2: string;
1064
1064
  };
1065
- textColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1066
- textDecorationColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1065
+ textColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1066
+ textDecorationColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1067
1067
  textDecorationThickness: {
1068
1068
  auto: string;
1069
1069
  'from-font': string;
@@ -1081,8 +1081,8 @@ export declare const tailwindPreset: {
1081
1081
  4: string;
1082
1082
  8: string;
1083
1083
  };
1084
- textIndent: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1085
- textOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
1084
+ textIndent: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1085
+ textOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
1086
1086
  };
1087
1087
  variantOrder: string[];
1088
1088
  future: {
@@ -0,0 +1,14 @@
1
+ import { ReactElement, ReactNode } from 'react';
2
+ type Direction = 'ltr' | 'rtl';
3
+ export declare enum Devices {
4
+ all = "all",
5
+ small = "small",
6
+ medium = "medium",
7
+ large = "large",
8
+ xlarge = "xlarge"
9
+ }
10
+ export declare const deviceWrapper: (device: Devices, direction?: Direction) => ({ children }: {
11
+ children: ReactElement | ReactNode;
12
+ }) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const deviceRender: (ui: ReactElement, device: Devices) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
14
+ export {};