@tcn/ui 0.6.0 → 0.8.0

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 (137) hide show
  1. package/dist/draggable.module-BgelQsuJ.js +5 -0
  2. package/dist/draggable.module-BgelQsuJ.js.map +1 -0
  3. package/dist/form/field/field.js +13 -10
  4. package/dist/form/field/field.js.map +1 -1
  5. package/dist/form/field_presenters/field_presenter.d.ts +2 -2
  6. package/dist/form/field_presenters/field_presenter.d.ts.map +1 -1
  7. package/dist/form/field_presenters/field_presenter.js.map +1 -1
  8. package/dist/inputs/color_input/color_picker.js +5 -3
  9. package/dist/inputs/color_input/color_picker.js.map +1 -1
  10. package/dist/inputs/combo_box/combo_box.js +4 -2
  11. package/dist/inputs/combo_box/combo_box.js.map +1 -1
  12. package/dist/inputs/date_picker/date_picker.js +16 -14
  13. package/dist/inputs/date_picker/date_picker.js.map +1 -1
  14. package/dist/inputs/date_picker/date_picker_input.js +10 -8
  15. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  16. package/dist/inputs/date_picker/date_picker_year_selector.js +4 -2
  17. package/dist/inputs/date_picker/date_picker_year_selector.js.map +1 -1
  18. package/dist/inputs/mask_input/key_capture_input.js +15 -12
  19. package/dist/inputs/mask_input/key_capture_input.js.map +1 -1
  20. package/dist/inputs/mask_input/mask_input.js +13 -10
  21. package/dist/inputs/mask_input/mask_input.js.map +1 -1
  22. package/dist/inputs/multiselect/multiselect.js +9 -7
  23. package/dist/inputs/multiselect/multiselect.js.map +1 -1
  24. package/dist/inputs/phone_number_input/phone_number_input.d.ts +1 -0
  25. package/dist/inputs/phone_number_input/phone_number_input.d.ts.map +1 -1
  26. package/dist/inputs/phone_number_input/phone_number_input.js +136 -133
  27. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  28. package/dist/inputs/select/select.js +4 -2
  29. package/dist/inputs/select/select.js.map +1 -1
  30. package/dist/inputs/slider/slider.js +7 -5
  31. package/dist/inputs/slider/slider.js.map +1 -1
  32. package/dist/inputs/suggestions/suggestion_list.js +4 -2
  33. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  34. package/dist/inputs/switch/switch.js +16 -14
  35. package/dist/inputs/switch/switch.js.map +1 -1
  36. package/dist/inputs/unit_input/unit_input.js +16 -14
  37. package/dist/inputs/unit_input/unit_input.js.map +1 -1
  38. package/dist/navigation/tabs/primitives/tabs_list.d.ts.map +1 -1
  39. package/dist/navigation/tabs/primitives/tabs_list.js +61 -21
  40. package/dist/navigation/tabs/primitives/tabs_list.js.map +1 -1
  41. package/dist/navigation/tabs/state/link/tab_link.d.ts.map +1 -1
  42. package/dist/navigation/tabs/state/link/tab_link.js +25 -19
  43. package/dist/navigation/tabs/state/link/tab_link.js.map +1 -1
  44. package/dist/navigation/tabs/state/link/use_tab_link.js +8 -8
  45. package/dist/navigation/tabs/state/link/use_tab_link.js.map +1 -1
  46. package/dist/navigation/tabs/state/tab.d.ts.map +1 -1
  47. package/dist/navigation/tabs/state/tab.js +8 -3
  48. package/dist/navigation/tabs/state/tab.js.map +1 -1
  49. package/dist/overlay/caret/caret.d.ts +8 -0
  50. package/dist/overlay/caret/caret.d.ts.map +1 -0
  51. package/dist/overlay/caret/caret.js +20 -0
  52. package/dist/overlay/caret/caret.js.map +1 -0
  53. package/dist/overlay/menu/menu.js +34 -32
  54. package/dist/overlay/menu/menu.js.map +1 -1
  55. package/dist/overlay/popper/legacy/popper.js +22 -20
  56. package/dist/overlay/popper/legacy/popper.js.map +1 -1
  57. package/dist/overlay/popper/preview_popper.js +12 -9
  58. package/dist/overlay/popper/preview_popper.js.map +1 -1
  59. package/dist/overlay/tethered/hooks/calculate_origin.d.ts +23 -0
  60. package/dist/overlay/tethered/hooks/calculate_origin.d.ts.map +1 -0
  61. package/dist/overlay/tethered/hooks/calculate_origin.js +41 -0
  62. package/dist/overlay/tethered/hooks/calculate_origin.js.map +1 -0
  63. package/dist/overlay/tethered/hooks/useCaretRefDimensions.d.ts +9 -0
  64. package/dist/overlay/tethered/hooks/useCaretRefDimensions.d.ts.map +1 -0
  65. package/dist/overlay/tethered/hooks/useCaretRefDimensions.js +14 -0
  66. package/dist/overlay/tethered/hooks/useCaretRefDimensions.js.map +1 -0
  67. package/dist/overlay/tethered/hooks/useTether.d.ts +1 -1
  68. package/dist/overlay/tethered/hooks/useTether.d.ts.map +1 -1
  69. package/dist/overlay/tethered/hooks/useTether.js +22 -21
  70. package/dist/overlay/tethered/hooks/useTether.js.map +1 -1
  71. package/dist/overlay/tethered/hooks/useTetherContentRect.d.ts +3 -0
  72. package/dist/overlay/tethered/hooks/useTetherContentRect.d.ts.map +1 -0
  73. package/dist/overlay/tethered/hooks/useTetherContentRect.js +36 -0
  74. package/dist/overlay/tethered/hooks/useTetherContentRect.js.map +1 -0
  75. package/dist/overlay/tethered/hooks/useTetherOrigin.d.ts +14 -0
  76. package/dist/overlay/tethered/hooks/useTetherOrigin.d.ts.map +1 -0
  77. package/dist/overlay/tethered/hooks/useTetherOrigin.js +24 -0
  78. package/dist/overlay/tethered/hooks/useTetherOrigin.js.map +1 -0
  79. package/dist/overlay/tethered/tethered.d.ts +2 -1
  80. package/dist/overlay/tethered/tethered.d.ts.map +1 -1
  81. package/dist/overlay/tethered/tethered.js +71 -38
  82. package/dist/overlay/tethered/tethered.js.map +1 -1
  83. package/dist/stacks/box/box.js +29 -27
  84. package/dist/stacks/box/box.js.map +1 -1
  85. package/dist/stacks/h_collapsible_box.js +14 -12
  86. package/dist/stacks/h_collapsible_box.js.map +1 -1
  87. package/dist/stacks/v_collapsible_box.js +8 -6
  88. package/dist/stacks/v_collapsible_box.js.map +1 -1
  89. package/dist/surfaces/pop_confirm/pop_confirm.d.ts.map +1 -1
  90. package/dist/surfaces/pop_confirm/pop_confirm.js +14 -13
  91. package/dist/surfaces/pop_confirm/pop_confirm.js.map +1 -1
  92. package/dist/surfaces/tooltip/tooltip.d.ts.map +1 -1
  93. package/dist/surfaces/tooltip/tooltip.js +12 -11
  94. package/dist/surfaces/tooltip/tooltip.js.map +1 -1
  95. package/dist/tethered.css +1 -1
  96. package/dist/themes/themes/ergo/ergo_theme.css +1 -1
  97. package/dist/themes/themes/ergo/ergo_theme.js +87 -57
  98. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  99. package/dist/themes/themes/windows_98/windows_98.css +1 -1
  100. package/dist/themes/themes/windows_98/windows_98_theme.js +18 -18
  101. package/dist/themes/themes/windows_98/windows_98_theme.js.map +1 -1
  102. package/dist/utils/dnd/draggable/draggable.js +13 -12
  103. package/dist/utils/dnd/draggable/draggable.js.map +1 -1
  104. package/dist/utils/index.d.ts +2 -0
  105. package/dist/utils/index.d.ts.map +1 -1
  106. package/dist/utils/index.js +23 -19
  107. package/dist/utils/index.js.map +1 -1
  108. package/package.json +11 -11
  109. package/src/form/field_presenters/field_presenter.ts +3 -3
  110. package/src/inputs/phone_number_input/phone_number_input.stories.tsx +24 -0
  111. package/src/inputs/phone_number_input/phone_number_input.tsx +8 -6
  112. package/src/navigation/tabs/primitives/tabs_list.tsx +46 -2
  113. package/src/navigation/tabs/state/link/tab_link.tsx +4 -1
  114. package/src/navigation/tabs/state/link/use_tab_link.ts +4 -4
  115. package/src/navigation/tabs/state/tab.tsx +10 -0
  116. package/src/overlay/{carrot/carrot.stories.tsx → caret/caret.stories.tsx} +14 -14
  117. package/src/overlay/caret/caret.tsx +24 -0
  118. package/src/overlay/tethered/__stories__/shared/base_story_config.ts +8 -0
  119. package/src/overlay/tethered/hooks/calculate_origin.ts +74 -0
  120. package/src/overlay/tethered/hooks/useCaretRefDimensions.ts +22 -0
  121. package/src/overlay/tethered/hooks/useTether.ts +4 -3
  122. package/src/overlay/tethered/hooks/useTetherContentRect.ts +49 -0
  123. package/src/overlay/tethered/hooks/useTetherOrigin.ts +49 -0
  124. package/src/overlay/tethered/tethered.module.css +55 -0
  125. package/src/overlay/tethered/tethered.tsx +44 -6
  126. package/src/surfaces/panel/__stories__/panel.stories.tsx +62 -27
  127. package/src/surfaces/panel/__stories__/panel_stories.module.css +14 -1
  128. package/src/surfaces/pop_confirm/pop_confirm.tsx +4 -3
  129. package/src/surfaces/tooltip/tooltip.tsx +1 -0
  130. package/src/themes/themes/ergo/ergo_theme.css +87 -57
  131. package/src/themes/themes/windows_98/windows_98.css +18 -18
  132. package/src/utils/index.ts +3 -0
  133. package/dist/overlay/carrot/base_carrot.d.ts +0 -8
  134. package/dist/overlay/carrot/base_carrot.d.ts.map +0 -1
  135. package/dist/overlay/carrot/base_carrot.js +0 -21
  136. package/dist/overlay/carrot/base_carrot.js.map +0 -1
  137. package/src/overlay/carrot/base_carrot.tsx +0 -24
@@ -1 +0,0 @@
1
- {"version":3,"file":"base_carrot.d.ts","sourceRoot":"","sources":["../../../src/overlay/carrot/base_carrot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,QAAQ;CAAG;AAExE,eAAO,MAAM,UAAU,GAAI,uCAKxB,eAAe,4CASjB,CAAC"}
@@ -1,21 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import t from "clsx";
3
- import { Box as m } from "../../stacks/box/box.js";
4
- const i = ({
5
- direction: r,
6
- className: a,
7
- as: c = "span",
8
- ...o
9
- }) => /* @__PURE__ */ s(
10
- m,
11
- {
12
- as: "span",
13
- "data-direction": r,
14
- className: t("tcn-base-carrot", a),
15
- ...o
16
- }
17
- );
18
- export {
19
- i as BaseCarrot
20
- };
21
- //# sourceMappingURL=base_carrot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base_carrot.js","sources":["../../../src/overlay/carrot/base_carrot.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface BaseCarrotOwnProps {\n direction: 'top' | 'bottom' | 'start' | 'end';\n}\n\nexport interface BaseCarrotProps extends BaseCarrotOwnProps, BoxProps {}\n\nexport const BaseCarrot = ({\n direction,\n className,\n as = 'span',\n ...rest\n}: BaseCarrotProps) => {\n return (\n <Box\n as=\"span\"\n data-direction={direction}\n className={clsx('tcn-base-carrot', className)}\n {...rest}\n />\n );\n};\n"],"names":["BaseCarrot","direction","className","as","rest","jsx","Box","clsx"],"mappings":";;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,kBAAgBL;AAAA,IAChB,WAAWM,EAAK,mBAAmBL,CAAS;AAAA,IAC3C,GAAGE;AAAA,EAAA;AAAA;"}
@@ -1,24 +0,0 @@
1
- import clsx from 'clsx';
2
- import { Box, type BoxProps } from '../../stacks/box/box.js';
3
-
4
- export interface BaseCarrotOwnProps {
5
- direction: 'top' | 'bottom' | 'start' | 'end';
6
- }
7
-
8
- export interface BaseCarrotProps extends BaseCarrotOwnProps, BoxProps {}
9
-
10
- export const BaseCarrot = ({
11
- direction,
12
- className,
13
- as = 'span',
14
- ...rest
15
- }: BaseCarrotProps) => {
16
- return (
17
- <Box
18
- as="span"
19
- data-direction={direction}
20
- className={clsx('tcn-base-carrot', className)}
21
- {...rest}
22
- />
23
- );
24
- };