@tcn/ui 0.2.0 → 0.3.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 (247) hide show
  1. package/dist/divider.module-FptFV0PX.js +5 -0
  2. package/dist/divider.module-FptFV0PX.js.map +1 -0
  3. package/dist/form/field/field.js +1 -1
  4. package/dist/frame.css +1 -0
  5. package/dist/inputs/color_input/color_input.js +1 -1
  6. package/dist/inputs/color_input/color_input.js.map +1 -1
  7. package/dist/inputs/color_input/color_picker.js +1 -1
  8. package/dist/inputs/combo_box/combo_box.js +1 -1
  9. package/dist/inputs/date_picker/date_picker.js +1 -1
  10. package/dist/inputs/date_picker/date_picker_input.js +2 -2
  11. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  12. package/dist/inputs/date_picker/date_picker_year_input.js +1 -1
  13. package/dist/inputs/date_picker/date_picker_year_input.js.map +1 -1
  14. package/dist/inputs/date_picker/date_picker_year_selector.js +1 -1
  15. package/dist/inputs/mask_input/key_capture_input.js +1 -1
  16. package/dist/inputs/mask_input/mask_input.js +1 -1
  17. package/dist/inputs/multiselect/multiselect.js +1 -1
  18. package/dist/inputs/phone_number_input/phone_number_input.js +1 -1
  19. package/dist/inputs/select/select.js +1 -1
  20. package/dist/inputs/slider/slider.js +1 -1
  21. package/dist/inputs/suggestions/suggestion_list.js +2 -2
  22. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  23. package/dist/inputs/switch/switch.js +1 -1
  24. package/dist/inputs/unit_input/unit_input.js +1 -1
  25. package/dist/layouts/divider/divider.js +24 -23
  26. package/dist/layouts/divider/divider.js.map +1 -1
  27. package/dist/layouts/index.d.ts +6 -5
  28. package/dist/layouts/index.d.ts.map +1 -1
  29. package/dist/layouts/index.js +28 -26
  30. package/dist/layouts/index.js.map +1 -1
  31. package/dist/layouts/scaffold/scaffold.d.ts +9 -0
  32. package/dist/layouts/scaffold/scaffold.d.ts.map +1 -0
  33. package/dist/layouts/scaffold/scaffold.js +55 -0
  34. package/dist/layouts/scaffold/scaffold.js.map +1 -0
  35. package/dist/modal.css +1 -1
  36. package/dist/overlay/frame/frame.d.ts.map +1 -1
  37. package/dist/overlay/frame/frame.js +22 -5
  38. package/dist/overlay/frame/frame.js.map +1 -1
  39. package/dist/overlay/index.d.ts +9 -2
  40. package/dist/overlay/index.d.ts.map +1 -1
  41. package/dist/overlay/index.js +22 -10
  42. package/dist/overlay/index.js.map +1 -1
  43. package/dist/overlay/menu/menu.d.ts +1 -1
  44. package/dist/overlay/menu/menu.d.ts.map +1 -1
  45. package/dist/overlay/menu/menu.js +2 -2
  46. package/dist/overlay/menu/menu.js.map +1 -1
  47. package/dist/overlay/popper/base/base_popper.d.ts +11 -0
  48. package/dist/overlay/popper/base/base_popper.d.ts.map +1 -0
  49. package/dist/overlay/popper/base/base_popper.js +27 -0
  50. package/dist/overlay/popper/base/base_popper.js.map +1 -0
  51. package/dist/overlay/popper/base/dismissal_decorator.d.ts +16 -0
  52. package/dist/overlay/popper/base/dismissal_decorator.d.ts.map +1 -0
  53. package/dist/overlay/popper/base/dismissal_decorator.js +69 -0
  54. package/dist/overlay/popper/base/dismissal_decorator.js.map +1 -0
  55. package/dist/overlay/popper/context_popper.d.ts +11 -0
  56. package/dist/overlay/popper/context_popper.d.ts.map +1 -0
  57. package/dist/overlay/popper/context_popper.js +33 -0
  58. package/dist/overlay/popper/context_popper.js.map +1 -0
  59. package/dist/overlay/popper/element_popper.d.ts +7 -0
  60. package/dist/overlay/popper/element_popper.d.ts.map +1 -0
  61. package/dist/overlay/popper/element_popper.js +33 -0
  62. package/dist/overlay/popper/element_popper.js.map +1 -0
  63. package/dist/overlay/popper/hooks/use_context_trigger.d.ts +7 -0
  64. package/dist/overlay/popper/hooks/use_context_trigger.d.ts.map +1 -0
  65. package/dist/overlay/popper/hooks/use_context_trigger.js +31 -0
  66. package/dist/overlay/popper/hooks/use_context_trigger.js.map +1 -0
  67. package/dist/overlay/popper/hooks/use_hover_trigger.d.ts +6 -0
  68. package/dist/overlay/popper/hooks/use_hover_trigger.d.ts.map +1 -0
  69. package/dist/overlay/popper/hooks/use_hover_trigger.js +17 -0
  70. package/dist/overlay/popper/hooks/use_hover_trigger.js.map +1 -0
  71. package/dist/overlay/popper/hooks/use_restore_focus.d.ts +2 -0
  72. package/dist/overlay/popper/hooks/use_restore_focus.d.ts.map +1 -0
  73. package/dist/overlay/popper/hooks/use_restore_focus.js +18 -0
  74. package/dist/overlay/popper/hooks/use_restore_focus.js.map +1 -0
  75. package/dist/overlay/popper/legacy/popper.d.ts.map +1 -0
  76. package/dist/overlay/popper/{popper.js → legacy/popper.js} +6 -6
  77. package/dist/overlay/popper/legacy/popper.js.map +1 -0
  78. package/dist/overlay/popper/preview_popper.d.ts +7 -0
  79. package/dist/overlay/popper/preview_popper.d.ts.map +1 -0
  80. package/dist/overlay/popper/preview_popper.js +46 -0
  81. package/dist/overlay/popper/preview_popper.js.map +1 -0
  82. package/dist/overlay/tethered/element_tethered.d.ts +8 -0
  83. package/dist/overlay/tethered/element_tethered.d.ts.map +1 -0
  84. package/dist/overlay/tethered/element_tethered.js +33 -0
  85. package/dist/overlay/tethered/element_tethered.js.map +1 -0
  86. package/dist/overlay/tethered/hooks/calculate_position.d.ts +19 -0
  87. package/dist/overlay/tethered/hooks/calculate_position.d.ts.map +1 -0
  88. package/dist/overlay/tethered/hooks/calculate_position.js +43 -0
  89. package/dist/overlay/tethered/hooks/calculate_position.js.map +1 -0
  90. package/dist/overlay/tethered/hooks/useTether.d.ts +19 -0
  91. package/dist/overlay/tethered/hooks/useTether.d.ts.map +1 -0
  92. package/dist/overlay/tethered/hooks/useTether.js +61 -0
  93. package/dist/overlay/tethered/hooks/useTether.js.map +1 -0
  94. package/dist/overlay/tethered/tethered.d.ts +20 -0
  95. package/dist/overlay/tethered/tethered.d.ts.map +1 -0
  96. package/dist/overlay/tethered/tethered.js +59 -0
  97. package/dist/overlay/tethered/tethered.js.map +1 -0
  98. package/dist/overlay/tethered/types.d.ts +3 -0
  99. package/dist/overlay/tethered/types.d.ts.map +1 -0
  100. package/dist/overlay/tethered/types.js +2 -0
  101. package/dist/overlay/tethered/types.js.map +1 -0
  102. package/dist/popper.css +1 -1
  103. package/dist/scaffold.css +1 -0
  104. package/dist/stacks/box/box.js +1 -1
  105. package/dist/stacks/h_collapsible_box.js +1 -1
  106. package/dist/stacks/v_collapsible_box.js +1 -1
  107. package/dist/surfaces/card/card.d.ts +2 -2
  108. package/dist/surfaces/card/card.d.ts.map +1 -1
  109. package/dist/surfaces/card/card.js +7 -7
  110. package/dist/surfaces/card/card.js.map +1 -1
  111. package/dist/surfaces/index.d.ts +2 -0
  112. package/dist/surfaces/index.d.ts.map +1 -1
  113. package/dist/surfaces/index.js +22 -18
  114. package/dist/surfaces/index.js.map +1 -1
  115. package/dist/surfaces/modal/modal.d.ts +3 -3
  116. package/dist/surfaces/modal/modal.d.ts.map +1 -1
  117. package/dist/surfaces/modal/modal.js +14 -14
  118. package/dist/surfaces/modal/modal.js.map +1 -1
  119. package/dist/surfaces/panel/h_panel.js +23 -24
  120. package/dist/surfaces/panel/h_panel.js.map +1 -1
  121. package/dist/surfaces/panel/v_panel.d.ts +3 -7
  122. package/dist/surfaces/panel/v_panel.d.ts.map +1 -1
  123. package/dist/surfaces/panel/v_panel.js +12 -54
  124. package/dist/surfaces/panel/v_panel.js.map +1 -1
  125. package/dist/surfaces/pop_confirm/pop_confirm.d.ts +5 -0
  126. package/dist/surfaces/pop_confirm/pop_confirm.d.ts.map +1 -0
  127. package/dist/surfaces/pop_confirm/pop_confirm.js +37 -0
  128. package/dist/surfaces/pop_confirm/pop_confirm.js.map +1 -0
  129. package/dist/surfaces/popconfirm/pop_confirm.d.ts +5 -0
  130. package/dist/surfaces/popconfirm/pop_confirm.d.ts.map +1 -0
  131. package/dist/surfaces/popconfirm/pop_confirm.js +13 -0
  132. package/dist/surfaces/popconfirm/pop_confirm.js.map +1 -0
  133. package/dist/surfaces/popover/popover.d.ts +1 -1
  134. package/dist/surfaces/popover/popover.d.ts.map +1 -1
  135. package/dist/surfaces/popover/popover.js +1 -1
  136. package/dist/surfaces/popover/popover.js.map +1 -1
  137. package/dist/surfaces/tooltip/tooltip.d.ts +10 -0
  138. package/dist/surfaces/tooltip/tooltip.d.ts.map +1 -0
  139. package/dist/surfaces/tooltip/tooltip.js +38 -0
  140. package/dist/surfaces/tooltip/tooltip.js.map +1 -0
  141. package/dist/surfaces/window/window.d.ts +3 -3
  142. package/dist/surfaces/window/window.d.ts.map +1 -1
  143. package/dist/surfaces/window/window.js +16 -14
  144. package/dist/surfaces/window/window.js.map +1 -1
  145. package/dist/tethered.css +1 -0
  146. package/dist/themes/themes/ergo/ergo_theme.js +144 -205
  147. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  148. package/dist/tooltip.css +1 -1
  149. package/dist/utility_bar.css +1 -1
  150. package/dist/utils/click_away_listener.d.ts +1 -0
  151. package/dist/utils/click_away_listener.d.ts.map +1 -1
  152. package/dist/utils/click_away_listener.js +2 -1
  153. package/dist/utils/click_away_listener.js.map +1 -1
  154. package/dist/utils/index.d.ts +6 -5
  155. package/dist/utils/index.d.ts.map +1 -1
  156. package/dist/utils/index.js +26 -23
  157. package/dist/utils/index.js.map +1 -1
  158. package/dist/utils/mouse_leave_region.d.ts +8 -0
  159. package/dist/utils/mouse_leave_region.d.ts.map +1 -0
  160. package/dist/utils/mouse_leave_region.js +26 -0
  161. package/dist/utils/mouse_leave_region.js.map +1 -0
  162. package/dist/utils/types/dimensions.d.ts +11 -1
  163. package/dist/utils/types/dimensions.d.ts.map +1 -1
  164. package/package.json +3 -3
  165. package/src/inputs/color_input/color_input.tsx +1 -1
  166. package/src/inputs/date_picker/date_picker_input.tsx +1 -1
  167. package/src/inputs/date_picker/date_picker_year_input.tsx +1 -1
  168. package/src/inputs/suggestions/suggestion_list.tsx +1 -1
  169. package/src/layouts/index.ts +7 -5
  170. package/src/layouts/scaffold/scaffold.module.css +5 -0
  171. package/src/layouts/scaffold/scaffold.tsx +60 -0
  172. package/src/layouts/utility_bar/utility_bar.module.css +0 -3
  173. package/src/overlay/frame/frame.module.css +5 -0
  174. package/src/overlay/frame/frame.stories.tsx +1 -1
  175. package/src/overlay/frame/frame.tsx +19 -3
  176. package/src/overlay/index.ts +29 -2
  177. package/src/overlay/menu/menu.tsx +1 -1
  178. package/src/overlay/popper/__stories__/base_args.ts +75 -0
  179. package/src/overlay/popper/__stories__/context_popper.stories.tsx +77 -0
  180. package/src/overlay/popper/__stories__/element_popper.stories.tsx +80 -0
  181. package/src/overlay/popper/__stories__/preview_popper.stories.tsx +73 -0
  182. package/src/overlay/popper/base/base_popper.tsx +55 -0
  183. package/src/overlay/popper/base/dismissal_decorator.tsx +80 -0
  184. package/src/overlay/popper/context_popper.tsx +43 -0
  185. package/src/overlay/popper/element_popper.tsx +42 -0
  186. package/src/overlay/popper/hooks/use_context_trigger.ts +50 -0
  187. package/src/overlay/popper/hooks/use_hover_trigger.ts +24 -0
  188. package/src/overlay/popper/hooks/use_restore_focus.ts +16 -0
  189. package/src/overlay/popper/{popper.stories.tsx → legacy/popper.stories.tsx} +11 -5
  190. package/src/overlay/popper/{popper.tsx → legacy/popper.tsx} +3 -2
  191. package/src/overlay/popper/preview_popper.tsx +54 -0
  192. package/src/overlay/tethered/__stories__/element/element_tethered.stories.tsx +57 -0
  193. package/src/overlay/tethered/__stories__/element/element_tethered_stories.module.css +14 -0
  194. package/src/overlay/tethered/__stories__/shared/base_story_config.ts +52 -0
  195. package/src/overlay/tethered/__stories__/shared/components/sb_point.module.css +20 -0
  196. package/src/overlay/tethered/__stories__/shared/components/sb_point.tsx +34 -0
  197. package/src/overlay/tethered/__stories__/shared/components/sb_reference_points.tsx +54 -0
  198. package/src/overlay/tethered/__stories__/tethered/tethered.stories.tsx +90 -0
  199. package/src/overlay/tethered/__stories__/tethered/tethered_stories.module.css +25 -0
  200. package/src/overlay/tethered/element_tethered.tsx +62 -0
  201. package/src/overlay/tethered/hooks/calculate_position.ts +110 -0
  202. package/src/overlay/tethered/hooks/useTether.ts +85 -0
  203. package/src/overlay/tethered/tethered.module.css +8 -0
  204. package/src/overlay/tethered/tethered.tsx +72 -0
  205. package/src/overlay/tethered/types.ts +2 -0
  206. package/src/stacks/h_stack.stories.tsx +2 -2
  207. package/src/stacks/v_stack.stories.tsx +2 -2
  208. package/src/surfaces/card/card.stories.tsx +64 -0
  209. package/src/surfaces/card/card.tsx +4 -4
  210. package/src/surfaces/card/card_stories.module.css +13 -0
  211. package/src/surfaces/index.ts +2 -0
  212. package/src/surfaces/modal/__stories__/modal.stories.tsx +12 -1
  213. package/src/surfaces/modal/modal.module.css +2 -2
  214. package/src/surfaces/modal/modal.tsx +14 -12
  215. package/src/surfaces/panel/__stories__/panel.stories.tsx +1 -1
  216. package/src/surfaces/panel/v_panel.tsx +8 -53
  217. package/src/surfaces/pop_confirm/pop_confirm.stories.tsx +70 -0
  218. package/src/surfaces/pop_confirm/pop_confirm.tsx +30 -0
  219. package/src/surfaces/popconfirm/pop_confirm.tsx +18 -0
  220. package/src/surfaces/popover/popover.tsx +1 -1
  221. package/src/surfaces/tooltip/tooltip.stories.tsx +54 -0
  222. package/src/surfaces/tooltip/tooltip.tsx +59 -0
  223. package/src/surfaces/window/window.stories.tsx +15 -1
  224. package/src/surfaces/window/window.tsx +16 -12
  225. package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_tone_picker.tsx +7 -9
  226. package/src/themes/themes/ergo/__stories__/material.stories.tsx +2 -6
  227. package/src/themes/themes/ergo/__stories__/sb_materials.module.css +29 -21
  228. package/src/themes/themes/ergo/ergo_theme.css +144 -205
  229. package/src/utils/click_away_listener.tsx +1 -1
  230. package/src/utils/index.ts +7 -5
  231. package/src/utils/mouse_leave_region.tsx +38 -0
  232. package/src/utils/types/dimensions.ts +13 -1
  233. package/tsconfig.json +3 -0
  234. package/dist/overlay/popper/popper.d.ts.map +0 -1
  235. package/dist/overlay/popper/popper.js.map +0 -1
  236. package/dist/overlay/tooltip/tooltip.d.ts +0 -7
  237. package/dist/overlay/tooltip/tooltip.d.ts.map +0 -1
  238. package/dist/overlay/tooltip/tooltip.js +0 -20
  239. package/dist/overlay/tooltip/tooltip.js.map +0 -1
  240. package/dist/panel.module-DwGKncon.js +0 -5
  241. package/dist/panel.module-DwGKncon.js.map +0 -1
  242. package/src/overlay/tooltip/tooltip.stories.tsx +0 -22
  243. package/src/overlay/tooltip/tooltip.tsx +0 -24
  244. /package/dist/{panel.css → h_panel.css} +0 -0
  245. /package/dist/overlay/popper/{popper.d.ts → legacy/popper.d.ts} +0 -0
  246. /package/src/overlay/popper/{popper.module.css → legacy/popper.module.css} +0 -0
  247. /package/src/{overlay → surfaces}/tooltip/tooltip.module.css +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlay/tethered/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC"}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/popper.css CHANGED
@@ -1 +1 @@
1
- ._popover_069b323{display:inline-block;position:absolute}._popover-veil_2f5f985{position:fixed;inset:0;background-color:#0000}
1
+ ._popover_fcfb66a{display:inline-block;position:absolute}._popover-veil_c56df66{position:fixed;inset:0;background-color:#0000}
@@ -0,0 +1 @@
1
+ ._scaffold-stack_8f97a6a{width:100%;height:100%;overflow:auto}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as h, jsx as a } from "react/jsx-runtime";
2
- import "../../utils/focus_redirect.js";
3
2
  import "../../utils/click_away_listener.js";
3
+ import "../../utils/focus_redirect.js";
4
4
  import "../../utils/scroll_away_listener.js";
5
5
  import O, { useRef as oo } from "react";
6
6
  import { useForkRef as ro } from "../../utils/hooks/use_fork_ref.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
2
  import t, { useLayoutEffect as p } from "react";
3
- import "../utils/focus_redirect.js";
4
3
  import "../utils/click_away_listener.js";
4
+ import "../utils/focus_redirect.js";
5
5
  import "../utils/scroll_away_listener.js";
6
6
  import { useForkRef as d } from "../utils/hooks/use_fork_ref.js";
7
7
  import "../utils/hooks/use_resize_observer.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
2
  import t, { useLayoutEffect as p } from "react";
3
- import "../utils/focus_redirect.js";
4
3
  import "../utils/click_away_listener.js";
4
+ import "../utils/focus_redirect.js";
5
5
  import "../utils/scroll_away_listener.js";
6
6
  import { useForkRef as u } from "../utils/hooks/use_fork_ref.js";
7
7
  import "../utils/hooks/use_resize_observer.js";
@@ -1,6 +1,6 @@
1
- import { VStackProps } from '../../stacks/v_stack.js';
2
1
  import { default as React } from 'react';
3
- export interface CardProps extends Omit<VStackProps, 'as' | 'children'> {
2
+ import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
3
+ export interface CardProps extends Omit<ScaffoldProps, 'as' | 'children'> {
4
4
  children?: React.ReactNode;
5
5
  }
6
6
  export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/surfaces/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EASf,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/surfaces/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAElF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,UAAU,CAAC;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,+EASf,CAAC"}
@@ -1,11 +1,11 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { VStack as m } from "../../stacks/v_stack.js";
3
- import { clsx as f } from "clsx";
4
- import s from "react";
5
- const x = s.forwardRef(function({ children: r, className: o, ...t }, a) {
6
- return /* @__PURE__ */ c(m, { ref: a, as: "section", className: f(o, "tcn-card"), ...t, children: r });
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { clsx as a } from "clsx";
3
+ import m from "react";
4
+ import { Scaffold as e } from "../../layouts/scaffold/scaffold.js";
5
+ const l = m.forwardRef(function({ children: r, className: o, ...t }, c) {
6
+ return /* @__PURE__ */ f(e, { ref: c, className: a(o, "tcn-surface", "tcn-card"), ...t, children: r });
7
7
  });
8
8
  export {
9
- x as Card
9
+ l as Card
10
10
  };
11
11
  //# sourceMappingURL=card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\n\nexport interface CardProps extends Omit<VStackProps, 'as' | 'children'> {\n children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function Card(\n { children, className, ...props }: CardProps,\n ref\n) {\n return (\n <VStack ref={ref} as=\"section\" className={clsx(className, 'tcn-card')} {...props}>\n {children}\n </VStack>\n );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,WAAU,WAAWG,EAAKL,GAAW,UAAU,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
1
+ {"version":3,"file":"card.js","sources":["../../../src/surfaces/card/card.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\n\nexport interface CardProps extends Omit<ScaffoldProps, 'as' | 'children'> {\n children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function Card(\n { children, className, ...props }: CardProps,\n ref\n) {\n return (\n <Scaffold ref={ref} className={clsx(className, 'tcn-surface', 'tcn-card')} {...props}>\n {children}\n </Scaffold>\n );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","Scaffold","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAS,KAAAF,GAAU,WAAWG,EAAKL,GAAW,eAAe,UAAU,GAAI,GAAGC,GAC5E,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
@@ -12,4 +12,6 @@ export * from './drawers/drawer_start/drawer_start.js';
12
12
  export * from './drawers/drawer_end/drawer_end.js';
13
13
  export { Window, type WindowProps } from './window/window.js';
14
14
  export { Modal, type ModalProps } from './modal/modal.js';
15
+ export { Tooltip, type TooltipProps } from './tooltip/tooltip.js';
16
+ export { PopConfirm, type PopConfirmProps } from './pop_confirm/pop_confirm.js';
15
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
@@ -1,31 +1,35 @@
1
1
  import { Alert as e } from "./alert/alert.js";
2
- import { Card as m } from "./card/card.js";
2
+ import { Card as p } from "./card/card.js";
3
3
  import { Confirm as f } from "./confirm/confirm.js";
4
4
  import { HPage as a } from "./page/h_page.js";
5
- import { VPage as w } from "./page/v_page.js";
6
- import { HPanel as d } from "./panel/h_panel.js";
7
- import { VPanel as D } from "./panel/v_panel.js";
8
- import { Popover as i } from "./popover/popover.js";
5
+ import { VPage as P } from "./page/v_page.js";
6
+ import { HPanel as w } from "./panel/h_panel.js";
7
+ import { VPanel as i } from "./panel/v_panel.js";
8
+ import { Popover as C } from "./popover/popover.js";
9
9
  import { DrawerBottom as H } from "./drawers/drawer_bottom/drawer_bottom.js";
10
- import { DrawerTop as v } from "./drawers/drawer_top/drawer_top.js";
11
- import { DrawerStart as B } from "./drawers/drawer_start/drawer_start.js";
12
- import { DrawerEnd as M } from "./drawers/drawer_end/drawer_end.js";
13
- import { Window as T } from "./window/window.js";
10
+ import { DrawerTop as V } from "./drawers/drawer_top/drawer_top.js";
11
+ import { DrawerStart as A } from "./drawers/drawer_start/drawer_start.js";
12
+ import { DrawerEnd as E } from "./drawers/drawer_end/drawer_end.js";
13
+ import { Window as S } from "./window/window.js";
14
14
  import { Modal as b } from "./modal/modal.js";
15
+ import { Tooltip as h } from "./tooltip/tooltip.js";
16
+ import { PopConfirm as k } from "./pop_confirm/pop_confirm.js";
15
17
  export {
16
18
  e as Alert,
17
- m as Card,
19
+ p as Card,
18
20
  f as Confirm,
19
21
  H as DrawerBottom,
20
- M as DrawerEnd,
21
- B as DrawerStart,
22
- v as DrawerTop,
22
+ E as DrawerEnd,
23
+ A as DrawerStart,
24
+ V as DrawerTop,
23
25
  a as HPage,
24
- d as HPanel,
26
+ w as HPanel,
25
27
  b as Modal,
26
- i as Popover,
27
- w as VPage,
28
- D as VPanel,
29
- T as Window
28
+ k as PopConfirm,
29
+ C as Popover,
30
+ h as Tooltip,
31
+ P as VPage,
32
+ i as VPanel,
33
+ S as Window
30
34
  };
31
35
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
- import { VStackProps } from '../../stacks/v_stack.js';
2
1
  import { default as React } from 'react';
3
2
  import { FrameOwnProps } from '../../overlay/frame/frame.js';
4
- export type ModalProps = FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, 'as'>;
5
- export declare const Modal: React.ForwardRefExoticComponent<FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, "as"> & React.RefAttributes<HTMLDialogElement>>;
3
+ import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
4
+ export type ModalProps = FrameOwnProps & ScaffoldProps;
5
+ export declare const Modal: React.ForwardRefExoticComponent<FrameOwnProps & ScaffoldProps & React.RefAttributes<HTMLElement>>;
6
6
  //# sourceMappingURL=modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;AAEpF,eAAO,MAAM,KAAK,sIAgBhB,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/surfaces/modal/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAKlF,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,aAAa,CAAC;AAEvD,eAAO,MAAM,KAAK,mGAgBhB,CAAC"}
@@ -1,21 +1,21 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { VStack as s } from "../../stacks/v_stack.js";
3
- import { clsx as f } from "clsx";
4
- import d from "react";
5
- import { Frame as i } from "../../overlay/frame/frame.js";
6
- import '../../modal.css';const n = "_modal_473c6ef", p = { modal: n }, h = d.forwardRef(function({ children: r, className: m, isOpen: t, draggable: a = !1, veil: l = !0, ...c }, e) {
7
- return /* @__PURE__ */ o(i, { isOpen: t, draggable: a, veil: l, children: /* @__PURE__ */ o(
8
- s,
2
+ import { clsx as l } from "clsx";
3
+ import s from "react";
4
+ import { Frame as d } from "../../overlay/frame/frame.js";
5
+ import { Scaffold as n } from "../../layouts/scaffold/scaffold.js";
6
+ import '../../modal.css';const i = "_modal_473c6ef", p = { modal: i }, j = s.forwardRef(function({ children: r, className: m, isOpen: t, draggable: a = !1, veil: c = !0, ...f }, e) {
7
+ return /* @__PURE__ */ o(
8
+ d,
9
9
  {
10
- ref: e,
11
- className: f(p.modal, "tcn-modal", m),
12
- as: "dialog",
13
- ...c,
14
- children: r
10
+ isOpen: t,
11
+ draggable: a,
12
+ veil: c,
13
+ className: l(p.modal, "tcn-surface", "tcn-modal", m),
14
+ children: /* @__PURE__ */ o(n, { ref: e, ...f, children: r })
15
15
  }
16
- ) });
16
+ );
17
17
  });
18
18
  export {
19
- h as Modal
19
+ j as Modal
20
20
  };
21
21
  //# sourceMappingURL=modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './modal.module.css';\nimport { Frame, type FrameOwnProps } from '../../overlay/frame/frame.js';\n\nexport type ModalProps = FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, 'as'>;\n\nexport const Modal = React.forwardRef<HTMLDialogElement, ModalProps>(function Modal(\n { children, className, isOpen, draggable = false, veil = true, ...props }: ModalProps,\n ref\n) {\n return (\n <Frame isOpen={isOpen} draggable={draggable} veil={veil}>\n <VStack\n ref={ref}\n className={clsx(styles['modal'], 'tcn-modal', className)}\n as=\"dialog\"\n {...props}\n >\n {children}\n </VStack>\n </Frame>\n );\n});\n"],"names":["Modal","React","children","className","isOpen","draggable","veil","props","ref","jsx","Frame","VStack","clsx","styles"],"mappings":";;;;;8CAQaA,IAAQC,EAAM,WAA0C,SACnE,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,IAAO,MAAAC,IAAO,IAAM,GAAGC,EAAA,GAClEC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAM,QAAAN,GAAgB,WAAAC,GAAsB,MAAAC,GAC3C,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI,EAAKC,EAAO,OAAU,aAAaV,CAAS;AAAA,MACvD,IAAG;AAAA,MACF,GAAGI;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,CAAC;"}
1
+ {"version":3,"file":"modal.js","sources":["../../../src/surfaces/modal/modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameOwnProps } from '../../overlay/frame/frame.js';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './modal.module.css';\n\nexport type ModalProps = FrameOwnProps & ScaffoldProps;\n\nexport const Modal = React.forwardRef<HTMLElement, ModalProps>(function Modal(\n { children, className, isOpen, draggable = false, veil = true, ...props }: ModalProps,\n ref\n) {\n return (\n <Frame\n isOpen={isOpen}\n draggable={draggable}\n veil={veil}\n className={clsx(styles['modal'], 'tcn-surface', 'tcn-modal', className)}\n >\n <Scaffold ref={ref} {...props}>\n {children}\n </Scaffold>\n </Frame>\n );\n});\n"],"names":["Modal","React","children","className","isOpen","draggable","veil","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;8CAUaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,IAAO,MAAAC,IAAO,IAAM,GAAGC,EAAA,GAClEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAWK,EAAKC,EAAO,OAAU,eAAe,aAAaT,CAAS;AAAA,MAEtE,UAAA,gBAAAM,EAACI,GAAA,EAAS,KAAAL,GAAW,GAAGD,GACrB,UAAAL,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
@@ -1,36 +1,35 @@
1
1
  import { jsx as p } from "react/jsx-runtime";
2
- import x from "react";
3
- import { clsx as l } from "clsx";
2
+ import i from "react";
3
+ import { clsx as r } from "clsx";
4
4
  import { Box as u } from "../../stacks/box/box.js";
5
5
  import { HStack as P } from "../../stacks/h_stack.js";
6
- import { s as m } from "../../panel.module-DwGKncon.js";
7
- const I = x.forwardRef(function({
8
- children: f,
6
+ import '../../h_panel.css';const R = "_panel-stack_f1896f3", f = { "panel-stack": R }, B = i.forwardRef(function({
7
+ children: m,
9
8
  width: k,
10
9
  height: d,
11
10
  minWidth: a,
12
11
  maxWidth: t,
13
12
  minHeight: n,
14
- maxHeight: o,
15
- hAlign: r,
16
- vAlign: e = "start",
13
+ maxHeight: e,
14
+ hAlign: c,
15
+ vAlign: o = "start",
17
16
  className: s,
18
- ...i
19
- }, c) {
17
+ ...x
18
+ }, l) {
20
19
  return /* @__PURE__ */ p(
21
20
  u,
22
21
  {
23
- ref: c,
22
+ ref: l,
24
23
  width: k,
25
24
  height: d,
26
25
  minWidth: a,
27
26
  maxWidth: t,
28
27
  minHeight: n,
29
- maxHeight: o,
30
- "data-h-alignment": r,
31
- "data-v-alignment": e,
32
- className: l(m.panel, s, "panel", "tcn-panel", "tcn-h-panel"),
33
- ...i,
28
+ maxHeight: e,
29
+ "data-h-alignment": c,
30
+ "data-v-alignment": o,
31
+ className: r(f.panel, s, "panel", "tcn-panel", "tcn-h-panel"),
32
+ ...x,
34
33
  children: /* @__PURE__ */ p(
35
34
  P,
36
35
  {
@@ -38,24 +37,24 @@ const I = x.forwardRef(function({
38
37
  minWidth: a,
39
38
  maxWidth: t,
40
39
  minHeight: n,
41
- maxHeight: o,
42
- hAlign: r,
43
- vAlign: e,
44
- ref: c,
45
- className: l(
46
- m["panel-stack"],
40
+ maxHeight: e,
41
+ hAlign: c,
42
+ vAlign: o,
43
+ ref: l,
44
+ className: r(
45
+ f["panel-stack"],
47
46
  s,
48
47
  "panel-stack",
49
48
  "tcn-panel-stack"
50
49
  ),
51
50
  zIndex: 0,
52
- children: f
51
+ children: m
53
52
  }
54
53
  )
55
54
  }
56
55
  );
57
56
  });
58
57
  export {
59
- I as HPanel
58
+ B as HPanel
60
59
  };
61
60
  //# sourceMappingURL=h_panel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface HPanelProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const HPanel = React.forwardRef<HTMLElement, HPanelProps>(function HPanel(\n {\n children,\n width,\n height,\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign,\n vAlign = 'start',\n className,\n ...props\n }: HPanelProps,\n ref\n) {\n return (\n <Box\n ref={ref}\n width={width}\n height={height}\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n data-h-alignment={hAlign}\n data-v-alignment={vAlign}\n className={clsx(styles['panel'], className, 'panel', 'tcn-panel', 'tcn-h-panel')}\n {...props}\n >\n <HStack\n as=\"section\"\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n hAlign={hAlign}\n vAlign={vAlign}\n ref={ref}\n className={clsx(\n styles['panel-stack'],\n className,\n 'panel-stack',\n 'tcn-panel-stack'\n )}\n zIndex={0}\n >\n {children}\n </HStack>\n </Box>\n );\n});\n"],"names":["HPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","HStack"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKC,EAAO,OAAUN,GAAW,SAAS,aAAa,aAAa;AAAA,MAC9E,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTC,EAAO,aAAa;AAAA,YACpBN;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
1
+ {"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface HPanelProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const HPanel = React.forwardRef<HTMLElement, HPanelProps>(function HPanel(\n {\n children,\n width,\n height,\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign,\n vAlign = 'start',\n className,\n ...props\n }: HPanelProps,\n ref\n) {\n return (\n <Box\n ref={ref}\n width={width}\n height={height}\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n data-h-alignment={hAlign}\n data-v-alignment={vAlign}\n className={clsx(styles['panel'], className, 'panel', 'tcn-panel', 'tcn-h-panel')}\n {...props}\n >\n <HStack\n as=\"section\"\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n hAlign={hAlign}\n vAlign={vAlign}\n ref={ref}\n className={clsx(\n styles['panel-stack'],\n className,\n 'panel-stack',\n 'tcn-panel-stack'\n )}\n zIndex={0}\n >\n {children}\n </HStack>\n </Box>\n );\n});\n"],"names":["HPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","styles","HStack"],"mappings":";;;;;4DAaaA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKC,EAAO,OAAUN,GAAW,SAAS,aAAa,aAAa;AAAA,MAC9E,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTC,EAAO,aAAa;AAAA,YACpBN;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
@@ -1,9 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { BoxProps } from '../../stacks/box/box.js';
3
- import { Alignment } from '../../stacks/types/alignment.js';
4
- export interface VPanelProps extends Omit<BoxProps, 'as'> {
5
- vAlign?: Alignment;
6
- hAlign?: Alignment;
7
- }
8
- export declare const VPanel: React.ForwardRefExoticComponent<VPanelProps & React.RefAttributes<HTMLElement>>;
2
+ import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
3
+ export type VPanelProps = ScaffoldProps;
4
+ export declare const VPanel: React.ForwardRefExoticComponent<ScaffoldProps & React.RefAttributes<HTMLElement>>;
9
5
  //# sourceMappingURL=v_panel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAmDjB,CAAC"}
1
+ {"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAGlF,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC;AAExC,eAAO,MAAM,MAAM,mFAajB,CAAC"}
@@ -1,61 +1,19 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import i from "react";
3
- import { clsx as l } from "clsx";
4
- import { Box as x } from "../../stacks/box/box.js";
5
- import { VStack as V } from "../../stacks/v_stack.js";
6
- import { s as u } from "../../panel.module-DwGKncon.js";
7
- const B = i.forwardRef(function({
8
- children: m,
9
- width: f,
10
- height: k = "100%",
11
- minWidth: a,
12
- maxWidth: t,
13
- minHeight: n,
14
- maxHeight: o,
15
- hAlign: r,
16
- vAlign: e = "start",
17
- className: s,
18
- ...d
19
- }, c) {
20
- return /* @__PURE__ */ p(
21
- x,
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import c from "react";
3
+ import { Scaffold as e } from "../../layouts/scaffold/scaffold.js";
4
+ import f from "clsx";
5
+ const u = c.forwardRef(function({ children: r, className: o, ...t }, n) {
6
+ return /* @__PURE__ */ a(
7
+ e,
22
8
  {
23
- ref: c,
24
- width: f,
25
- height: k,
26
- minWidth: a,
27
- maxWidth: t,
28
- minHeight: n,
29
- maxHeight: o,
30
- "data-h-alignment": r,
31
- "data-v-alignment": e,
32
- className: l(s, "panel", "tcn-panel", "tcn-v-panel"),
33
- ...d,
34
- children: /* @__PURE__ */ p(
35
- V,
36
- {
37
- as: "section",
38
- minWidth: a,
39
- maxWidth: t,
40
- minHeight: n,
41
- maxHeight: o,
42
- hAlign: r,
43
- vAlign: e,
44
- ref: c,
45
- className: l(
46
- u["panel-stack"],
47
- s,
48
- "panel-stack",
49
- "tcn-panel-stack"
50
- ),
51
- zIndex: 0,
52
- children: m
53
- }
54
- )
9
+ ref: n,
10
+ className: f("tcn-surface", "tcn-panel", "tcn-v-panel", o),
11
+ ...t,
12
+ children: r
55
13
  }
56
14
  );
57
15
  });
58
16
  export {
59
- B as VPanel
17
+ u as VPanel
60
18
  };
61
19
  //# sourceMappingURL=v_panel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface VPanelProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\n {\n children,\n width,\n height = '100%',\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign,\n vAlign = 'start',\n className,\n ...props\n }: VPanelProps,\n ref\n) {\n return (\n <Box\n ref={ref}\n width={width}\n height={height}\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n data-h-alignment={hAlign}\n data-v-alignment={vAlign}\n className={clsx(className, 'panel', 'tcn-panel', 'tcn-v-panel')}\n {...props}\n >\n <VStack\n as=\"section\"\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n hAlign={hAlign}\n vAlign={vAlign}\n ref={ref}\n className={clsx(\n styles['panel-stack'],\n className,\n 'panel-stack',\n 'tcn-panel-stack'\n )}\n zIndex={0}\n >\n {children}\n </VStack>\n </Box>\n );\n});\n"],"names":["VPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAW,SAAS,aAAa,aAAa;AAAA,MAC7D,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTE,EAAO,aAAa;AAAA,YACpBP;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
1
+ {"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\nimport clsx from 'clsx';\n\nexport type VPanelProps = ScaffoldProps;\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\n { children, className, ...props }: VPanelProps,\n ref\n) {\n return (\n <Scaffold\n ref={ref}\n className={clsx('tcn-surface', 'tcn-panel', 'tcn-v-panel', className)}\n {...props}\n >\n {children}\n </Scaffold>\n );\n});\n"],"names":["VPanel","React","children","className","props","ref","jsx","Scaffold","clsx"],"mappings":";;;;AAMO,MAAMA,IAASC,EAAM,WAAqC,SAC/D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAK,eAAe,aAAa,eAAeL,CAAS;AAAA,MACnE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
3
+ export type PopConfirmProps = ElementPopperProps;
4
+ export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
5
+ //# sourceMappingURL=pop_confirm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAkBtB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import { clsx as e } from "clsx";
4
+ import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
5
+ import "../../layouts/column/column.js";
6
+ import "../../divider.module-FptFV0PX.js";
7
+ import "../../layouts/grid/grid.js";
8
+ import "../../layouts/list/item.js";
9
+ import "../../layouts/list/list.js";
10
+ import "../../layouts/list/section_header.js";
11
+ import "../../layouts/sidebar_end/sidebar_end.js";
12
+ import "../../layouts/sidebar_start/sidebar_start.js";
13
+ import { Scaffold as c } from "../../layouts/scaffold/scaffold.js";
14
+ import "../../layouts/body/h_body.js";
15
+ import "../../layouts/body/v_body.js";
16
+ import "../../layouts/footer/footer.js";
17
+ import "../../layouts/header/header.js";
18
+ import "../../layouts/utility_bar/utility_bar.js";
19
+ import { PopperDismissal as s } from "../../overlay/popper/base/dismissal_decorator.js";
20
+ const W = f.forwardRef(
21
+ function({ children: r, className: m, dismissals: i = [s.CLICK_AWAY], ...p }, t) {
22
+ return /* @__PURE__ */ o(
23
+ n,
24
+ {
25
+ ref: t,
26
+ className: e(m, "tcn-pop-confirm"),
27
+ dismissals: i,
28
+ ...p,
29
+ children: /* @__PURE__ */ o(c, { width: "100%", height: "100%", children: r })
30
+ }
31
+ );
32
+ }
33
+ );
34
+ export {
35
+ W as PopConfirm
36
+ };
37
+ //# sourceMappingURL=pop_confirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n ElementPopper,\n type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n function PopConfirm(\n { children, className, dismissals = [PopperDismissal.CLICK_AWAY], ...props },\n ref\n ) {\n return (\n <ElementPopper\n ref={ref}\n className={clsx(className, 'tcn-pop-confirm')}\n dismissals={dismissals}\n {...props}\n >\n <Scaffold width={'100%'} height={'100%'}>\n {children}\n </Scaffold>\n </ElementPopper>\n );\n }\n);\n"],"names":["PopConfirm","React","children","className","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,IAAa,CAACC,EAAgB,UAAU,GAAG,GAAGC,EAAA,GACrEC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWG,EAAKP,GAAW,iBAAiB;AAAA,QAC5C,YAAAC;AAAA,QACC,GAAGE;AAAA,QAEJ,4BAACK,GAAA,EAAS,OAAO,QAAQ,QAAQ,QAC9B,UAAAT,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
3
+ export type PopConfirmProps = ElementPopperProps;
4
+ export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
5
+ //# sourceMappingURL=pop_confirm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAQtB,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import { clsx as n } from "clsx";
4
+ import { ElementPopper as e } from "../../overlay/popper/element_popper.js";
5
+ const x = f.forwardRef(
6
+ function({ children: o, className: r, ...m }, p) {
7
+ return /* @__PURE__ */ t(e, { ref: p, className: n(r, "tcn-popconfirm"), ...m, children: o });
8
+ }
9
+ );
10
+ export {
11
+ x as PopConfirm
12
+ };
13
+ //# sourceMappingURL=pop_confirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n ElementPopper,\n type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n function PopConfirm({ children, className, ...props }, ref) {\n return (\n <ElementPopper ref={ref} className={clsx(className, 'tcn-popconfirm')} {...props}>\n {children}\n </ElementPopper>\n );\n }\n);\n"],"names":["PopConfirm","React","children","className","props","ref","jsx","ElementPopper","clsx"],"mappings":";;;;AASO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SAAoB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,GAAK;AAC1D,WACE,gBAAAC,EAACC,GAAA,EAAc,KAAAF,GAAU,WAAWG,EAAKL,GAAW,gBAAgB,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAAA,EAEJ;AACF;"}
@@ -1,4 +1,4 @@
1
- import { PopperProps } from '../../overlay/popper/popper.js';
1
+ import { PopperProps } from '../../overlay/popper/legacy/popper.js';
2
2
  import { VStackProps } from '../../stacks/v_stack.js';
3
3
  export interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {
4
4
  }
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,WAAW;CAAG;AAEnF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAyBd"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,WAAW;CAAG;AAEnF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAyBd"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { clsx as k } from "clsx";
3
3
  import { VStack as w } from "../../stacks/v_stack.js";
4
- import { Popper as N } from "../../overlay/popper/popper.js";
4
+ import { Popper as N } from "../../overlay/popper/legacy/popper.js";
5
5
  function q({
6
6
  anchorElement: r,
7
7
  verticalAnchor: t,
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n anchorElement,\n verticalAnchor,\n verticalOrigin,\n verticalOffset,\n horizontalAnchor,\n horizontalOrigin,\n horizontalOffset,\n open,\n onClose,\n restoreFocus,\n veil,\n onVeilClick,\n clickAwayRefs,\n isClickAwayException,\n isScrollAwayException,\n disableClickAway,\n children,\n className,\n ...props\n}: PopoverProps) {\n return (\n <Popper\n anchorElement={anchorElement}\n verticalAnchor={verticalAnchor}\n verticalOrigin={verticalOrigin}\n verticalOffset={verticalOffset}\n horizontalAnchor={horizontalAnchor}\n horizontalOrigin={horizontalOrigin}\n horizontalOffset={horizontalOffset}\n restoreFocus={restoreFocus}\n veil={veil}\n onVeilClick={onVeilClick}\n clickAwayRefs={clickAwayRefs}\n isClickAwayException={isClickAwayException}\n isScrollAwayException={isScrollAwayException}\n disableClickAway={disableClickAway}\n open={open}\n onClose={onClose}\n >\n <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n {children}\n </VStack>\n </Popper>\n );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/legacy/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n anchorElement,\n verticalAnchor,\n verticalOrigin,\n verticalOffset,\n horizontalAnchor,\n horizontalOrigin,\n horizontalOffset,\n open,\n onClose,\n restoreFocus,\n veil,\n onVeilClick,\n clickAwayRefs,\n isClickAwayException,\n isScrollAwayException,\n disableClickAway,\n children,\n className,\n ...props\n}: PopoverProps) {\n return (\n <Popper\n anchorElement={anchorElement}\n verticalAnchor={verticalAnchor}\n verticalOrigin={verticalOrigin}\n verticalOffset={verticalOffset}\n horizontalAnchor={horizontalAnchor}\n horizontalOrigin={horizontalOrigin}\n horizontalOffset={horizontalOffset}\n restoreFocus={restoreFocus}\n veil={veil}\n onVeilClick={onVeilClick}\n clickAwayRefs={clickAwayRefs}\n isClickAwayException={isClickAwayException}\n isScrollAwayException={isScrollAwayException}\n disableClickAway={disableClickAway}\n open={open}\n onClose={onClose}\n >\n <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n {children}\n </VStack>\n </Popper>\n );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ import { PreviewPopperProps } from '../../overlay/popper/preview_popper.js';
3
+ export interface TooltipProps extends Omit<PreviewPopperProps, 'anchorElement'> {
4
+ /** The element that triggers the tooltip on hover */
5
+ children: React.ReactNode;
6
+ /** Content to display in the tooltip */
7
+ label: React.ReactNode;
8
+ }
9
+ export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
10
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/surfaces/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,kBAAkB,EAAE,eAAe,CAAC;IAC7E,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,qFA0ClB,CAAC"}