@tcn/ui 0.0.4 → 0.2.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 (198) hide show
  1. package/README.md +38 -3
  2. package/dist/actions/button/base_button/base_button.d.ts.map +1 -1
  3. package/dist/actions/button/base_button/base_button.js +17 -12
  4. package/dist/actions/button/base_button/base_button.js.map +1 -1
  5. package/dist/actions/button/button/button.d.ts.map +1 -1
  6. package/dist/actions/button/button/button.js +7 -7
  7. package/dist/actions/button/button/button.js.map +1 -1
  8. package/dist/actions/button/slim_button/slim_button.js +2 -2
  9. package/dist/actions/button/slim_button/slim_button.js.map +1 -1
  10. package/dist/button.css +1 -1
  11. package/dist/draggable.css +1 -0
  12. package/dist/feedback/progress/progress_bar.js +1 -1
  13. package/dist/footer.css +1 -1
  14. package/dist/form/field/common/field_description.js +1 -1
  15. package/dist/form/field/common/field_error.js +4 -3
  16. package/dist/form/field/common/field_error.js.map +1 -1
  17. package/dist/form/field/common/field_label.js +1 -1
  18. package/dist/inputs/date_picker/date_picker_date.js +1 -1
  19. package/dist/inputs/date_picker/date_picker_day.js +1 -1
  20. package/dist/inputs/date_picker/date_picker_time_selector.js +1 -1
  21. package/dist/inputs/date_picker/date_picker_year_selector.js +1 -1
  22. package/dist/inputs/input/input.d.ts +2 -2
  23. package/dist/inputs/input/input.d.ts.map +1 -1
  24. package/dist/inputs/input/input.js.map +1 -1
  25. package/dist/inputs/options/option.d.ts +1 -0
  26. package/dist/inputs/options/option.d.ts.map +1 -1
  27. package/dist/inputs/options/option.js.map +1 -1
  28. package/dist/inputs/phone_number_input/phone_number_input.d.ts +8 -1
  29. package/dist/inputs/phone_number_input/phone_number_input.d.ts.map +1 -1
  30. package/dist/inputs/phone_number_input/phone_number_input.js +187 -137
  31. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  32. package/dist/inputs/suggestions/suggestion_item.d.ts +1 -1
  33. package/dist/inputs/suggestions/suggestion_item.d.ts.map +1 -1
  34. package/dist/inputs/suggestions/suggestion_item.js +23 -18
  35. package/dist/inputs/suggestions/suggestion_item.js.map +1 -1
  36. package/dist/inputs/suggestions/suggestion_list.d.ts +1 -1
  37. package/dist/inputs/suggestions/suggestion_list.d.ts.map +1 -1
  38. package/dist/inputs/suggestions/suggestion_list.js +106 -96
  39. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  40. package/dist/inputs/textarea/textarea.d.ts +2 -2
  41. package/dist/inputs/textarea/textarea.d.ts.map +1 -1
  42. package/dist/inputs/textarea/textarea.js.map +1 -1
  43. package/dist/layouts/footer/footer.js +5 -5
  44. package/dist/layouts/footer/footer.js.map +1 -1
  45. package/dist/layouts/header/header.d.ts.map +1 -1
  46. package/dist/layouts/header/header.js.map +1 -1
  47. package/dist/layouts/index.d.ts +3 -2
  48. package/dist/layouts/index.d.ts.map +1 -1
  49. package/dist/layouts/index.js +26 -24
  50. package/dist/layouts/index.js.map +1 -1
  51. package/dist/layouts/list/item.d.ts +1 -0
  52. package/dist/layouts/list/item.d.ts.map +1 -1
  53. package/dist/layouts/list/item.js +17 -6
  54. package/dist/layouts/list/item.js.map +1 -1
  55. package/dist/layouts/list/list.js +10 -10
  56. package/dist/layouts/list/list.js.map +1 -1
  57. package/dist/overlay/context_menu/context_menu.js +4 -4
  58. package/dist/overlay/frame/frame.d.ts +11 -0
  59. package/dist/overlay/frame/frame.d.ts.map +1 -0
  60. package/dist/overlay/frame/frame.js +18 -0
  61. package/dist/overlay/frame/frame.js.map +1 -0
  62. package/dist/overlay/index.d.ts +1 -0
  63. package/dist/overlay/index.d.ts.map +1 -1
  64. package/dist/overlay/index.js +5 -3
  65. package/dist/overlay/index.js.map +1 -1
  66. package/dist/overlay/popper/popper.js +12 -12
  67. package/dist/{portal-qqIp4SIl.js → overlay/portal/portal.js} +3 -3
  68. package/dist/overlay/portal/portal.js.map +1 -0
  69. package/dist/overlay/portal/portal_platform.js +3 -4
  70. package/dist/overlay/portal/portal_platform.js.map +1 -1
  71. package/dist/phone_number_input.css +1 -1
  72. package/dist/slim_button.css +1 -1
  73. package/dist/stacks/box/box.d.ts +1 -1
  74. package/dist/stacks/box/box.d.ts.map +1 -1
  75. package/dist/stacks/box/box.js.map +1 -1
  76. package/dist/surfaces/card/card.d.ts.map +1 -1
  77. package/dist/surfaces/card/card.js +7 -16
  78. package/dist/surfaces/card/card.js.map +1 -1
  79. package/dist/surfaces/confirm/confirm.js +4 -4
  80. package/dist/surfaces/index.d.ts +2 -2
  81. package/dist/surfaces/index.d.ts.map +1 -1
  82. package/dist/surfaces/index.js +22 -22
  83. package/dist/surfaces/modal/modal.d.ts +3 -2
  84. package/dist/surfaces/modal/modal.d.ts.map +1 -1
  85. package/dist/surfaces/modal/modal.js +14 -13
  86. package/dist/surfaces/modal/modal.js.map +1 -1
  87. package/dist/surfaces/window/window.d.ts +3 -2
  88. package/dist/surfaces/window/window.d.ts.map +1 -1
  89. package/dist/surfaces/window/window.js +17 -7
  90. package/dist/surfaces/window/window.js.map +1 -1
  91. package/dist/themes/index.js +6 -141
  92. package/dist/themes/index.js.map +1 -1
  93. package/dist/themes/stylesheets/reset.js +140 -0
  94. package/dist/themes/stylesheets/reset.js.map +1 -0
  95. package/dist/themes/themes/ergo/ergo_theme.js +664 -0
  96. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -0
  97. package/dist/tokens/bubble/bubble.js +17 -16
  98. package/dist/tokens/bubble/bubble.js.map +1 -1
  99. package/dist/tokens/chip/chip.js +9 -8
  100. package/dist/tokens/chip/chip.js.map +1 -1
  101. package/dist/typography/title/title.d.ts +2 -1
  102. package/dist/typography/title/title.d.ts.map +1 -1
  103. package/dist/typography/title/title.js +24 -23
  104. package/dist/typography/title/title.js.map +1 -1
  105. package/dist/utils/dnd/context.d.ts +4 -0
  106. package/dist/utils/dnd/context.d.ts.map +1 -0
  107. package/dist/utils/dnd/context.js +20 -0
  108. package/dist/utils/dnd/context.js.map +1 -0
  109. package/dist/utils/dnd/draggable/draggable.d.ts +7 -0
  110. package/dist/utils/dnd/draggable/draggable.d.ts.map +1 -0
  111. package/dist/utils/dnd/draggable/draggable.js +27 -0
  112. package/dist/utils/dnd/draggable/draggable.js.map +1 -0
  113. package/dist/utils/dnd/handle.d.ts +6 -0
  114. package/dist/utils/dnd/handle.d.ts.map +1 -0
  115. package/dist/utils/dnd/handle.js +22 -0
  116. package/dist/utils/dnd/handle.js.map +1 -0
  117. package/dist/utils/dnd/hooks/use_drag_container.d.ts +7 -0
  118. package/dist/utils/dnd/hooks/use_drag_container.d.ts.map +1 -0
  119. package/dist/utils/dnd/hooks/use_drag_container.js +30 -0
  120. package/dist/utils/dnd/hooks/use_drag_container.js.map +1 -0
  121. package/dist/utils/{hooks → dnd/hooks}/use_draggable.d.ts +3 -3
  122. package/dist/utils/dnd/hooks/use_draggable.d.ts.map +1 -0
  123. package/dist/utils/dnd/hooks/use_draggable.js +41 -0
  124. package/dist/utils/dnd/hooks/use_draggable.js.map +1 -0
  125. package/dist/utils/dnd/types.d.ts +10 -0
  126. package/dist/utils/dnd/types.d.ts.map +1 -0
  127. package/dist/utils/dnd/types.js +2 -0
  128. package/dist/utils/dnd/types.js.map +1 -0
  129. package/dist/utils/index.d.ts +1 -1
  130. package/dist/utils/index.d.ts.map +1 -1
  131. package/dist/utils/index.js +1 -1
  132. package/package.json +9 -3
  133. package/src/actions/button/base_button/base_button.tsx +7 -2
  134. package/src/actions/button/button/button.module.css +0 -78
  135. package/src/actions/button/button/button.tsx +2 -4
  136. package/src/actions/button/slim_button/slim_button.module.css +0 -26
  137. package/src/actions/button/slim_button/slim_button.tsx +1 -1
  138. package/src/inputs/input/input.tsx +3 -2
  139. package/src/inputs/options/option.tsx +1 -0
  140. package/src/inputs/phone_number_input/phone_number_input.module.css +12 -0
  141. package/src/inputs/phone_number_input/phone_number_input.stories.tsx +8 -0
  142. package/src/inputs/phone_number_input/phone_number_input.tsx +107 -21
  143. package/src/inputs/suggestions/suggestion_item.tsx +12 -2
  144. package/src/inputs/suggestions/suggestion_list.tsx +22 -3
  145. package/src/inputs/textarea/textarea.tsx +2 -2
  146. package/src/layouts/footer/footer.module.css +0 -1
  147. package/src/layouts/footer/footer.tsx +1 -1
  148. package/src/layouts/header/header.tsx +0 -1
  149. package/src/layouts/index.ts +3 -2
  150. package/src/layouts/list/item.tsx +10 -2
  151. package/src/layouts/list/list.tsx +2 -2
  152. package/src/overlay/frame/frame.stories.tsx +40 -0
  153. package/src/overlay/frame/frame.tsx +34 -0
  154. package/src/overlay/frame/frame_stories.module.css +14 -0
  155. package/src/overlay/index.ts +1 -0
  156. package/src/stacks/box/box.tsx +8 -2
  157. package/src/surfaces/card/card.tsx +2 -8
  158. package/src/surfaces/index.ts +2 -2
  159. package/src/surfaces/modal/__stories__/modal.stories.tsx +19 -27
  160. package/src/surfaces/modal/modal.tsx +13 -10
  161. package/src/surfaces/panel/__stories__/panel.stories.tsx +13 -12
  162. package/src/surfaces/window/window.stories.tsx +37 -4
  163. package/src/surfaces/window/window.tsx +14 -6
  164. package/src/themes/themes/ergo/__stories__/components/material_picker/sb_inverted_materials.module.css +34 -0
  165. package/src/themes/themes/ergo/__stories__/components/material_picker/sb_material_picker.tsx +52 -0
  166. package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_card.module.css +5 -0
  167. package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_tone_card.tsx +40 -0
  168. package/src/themes/themes/ergo/__stories__/components/tone_picker/sb_tone_picker.tsx +83 -0
  169. package/src/themes/themes/ergo/__stories__/components/tone_picker/types.ts +7 -0
  170. package/src/themes/themes/ergo/__stories__/material.stories.tsx +154 -0
  171. package/src/themes/themes/ergo/__stories__/sb_materials.module.css +110 -0
  172. package/src/themes/themes/ergo/__stories__/utils.ts +92 -0
  173. package/src/themes/themes/ergo/ergo_theme.css +358 -26
  174. package/src/typography/title/title.tsx +23 -19
  175. package/src/utils/dnd/__stories__/draggable.stories.tsx +48 -0
  176. package/src/utils/dnd/__stories__/draggable_stories.module.css +21 -0
  177. package/src/utils/{__stories__ → dnd/__stories__}/use_draggable.stories.tsx +15 -10
  178. package/src/utils/dnd/context.ts +24 -0
  179. package/src/utils/dnd/draggable/draggable.module.css +8 -0
  180. package/src/utils/dnd/draggable/draggable.tsx +42 -0
  181. package/src/utils/dnd/handle.tsx +32 -0
  182. package/src/utils/dnd/hooks/use_drag_container.ts +42 -0
  183. package/src/utils/{hooks → dnd/hooks}/use_draggable.ts +23 -17
  184. package/src/utils/dnd/types.ts +6 -0
  185. package/src/utils/index.ts +1 -1
  186. package/tsconfig.json +0 -3
  187. package/dist/card.css +0 -1
  188. package/dist/portal-qqIp4SIl.js.map +0 -1
  189. package/dist/themes/stylesheets/reset.css +0 -1
  190. package/dist/themes/themes/ergo/ergo_theme.css +0 -1
  191. package/dist/themes/themes/windows_98/windows_98.css +0 -1
  192. package/dist/title.module-B16de2jd.js +0 -5
  193. package/dist/title.module-B16de2jd.js.map +0 -1
  194. package/dist/utils/hooks/use_draggable.d.ts.map +0 -1
  195. package/dist/utils/hooks/use_draggable.js +0 -30
  196. package/dist/utils/hooks/use_draggable.js.map +0 -1
  197. package/src/surfaces/card/card.module.css +0 -5
  198. /package/dist/{overlay/portal/portal.css → portal_platform.css} +0 -0
@@ -1,9 +1,20 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import f from "react";
3
- import { HStack as i } from "../../stacks/h_stack.js";
4
- import { clsx as a } from "clsx";
5
- const x = f.forwardRef(function({ children: r, className: t, ...m }, o) {
6
- return /* @__PURE__ */ e(i, { ref: o, as: "li", className: a("item", t), ...m, children: r });
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import o from "react";
3
+ import { HStack as c } from "../../stacks/h_stack.js";
4
+ import { clsx as f } from "clsx";
5
+ const x = o.forwardRef(function({ children: r, className: a, selected: t = !1, ...e }, i) {
6
+ return /* @__PURE__ */ m(
7
+ c,
8
+ {
9
+ ref: i,
10
+ as: "li",
11
+ "data-hierarchy": t ? "primary" : "tertiary",
12
+ "data-is-selected": t,
13
+ className: f("tcn-item", "tcn-interactive", a),
14
+ ...e,
15
+ children: r
16
+ }
17
+ );
7
18
  });
8
19
  export {
9
20
  x as Item
@@ -1 +1 @@
1
- {"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { clsx } from 'clsx';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n children?: React.ReactNode;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n { children, className, ...props }: ItemProps,\n ref\n) {\n return (\n <HStack ref={ref} as=\"li\" className={clsx('item', className)} {...props}>\n {children}\n </HStack>\n );\n});\n"],"names":["Item","React","children","className","props","ref","jsx","HStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,IAAG,MAAK,WAAWG,EAAK,QAAQL,CAAS,GAAI,GAAGC,GAC/D,UAAAF,EAAA,CACH;AAEJ,CAAC;"}
1
+ {"version":3,"file":"item.js","sources":["../../../src/layouts/list/item.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport { clsx } from 'clsx';\n\nexport interface ItemProps extends Omit<HStackProps, 'as' | 'children'> {\n children?: React.ReactNode;\n selected?: boolean;\n}\n\nexport const Item = React.forwardRef<HTMLDivElement, ItemProps>(function Item(\n { children, className, selected = false, ...props }: ItemProps,\n ref\n) {\n return (\n <HStack\n ref={ref}\n as=\"li\"\n data-hierarchy={selected ? 'primary' : 'tertiary'}\n data-is-selected={selected}\n className={clsx('tcn-item', 'tcn-interactive', className)}\n {...props}\n >\n {children}\n </HStack>\n );\n});\n"],"names":["Item","React","children","className","selected","props","ref","jsx","HStack","clsx"],"mappings":";;;;AASO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,IAAW,IAAO,GAAGC,EAAA,GAC5CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,kBAAgBF,IAAW,YAAY;AAAA,MACvC,oBAAkBA;AAAA,MAClB,WAAWK,EAAK,YAAY,mBAAmBN,CAAS;AAAA,MACvD,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -1,16 +1,16 @@
1
1
  import { jsx as f } from "react/jsx-runtime";
2
- import a from "react";
3
- import { clsx as e } from "clsx";
4
- import { VStack as i } from "../../stacks/v_stack.js";
5
- const x = a.forwardRef(function({ children: o, className: r, isOrdered: t = !1, ...m }, s) {
2
+ import i from "react";
3
+ import { clsx as a } from "clsx";
4
+ import { VStack as c } from "../../stacks/v_stack.js";
5
+ const x = i.forwardRef(function({ children: t, className: o, isOrdered: r = !1, ...s }, m) {
6
6
  return /* @__PURE__ */ f(
7
- i,
7
+ c,
8
8
  {
9
- ref: s,
10
- as: t ? "ol" : "ul",
11
- className: e("list", r),
12
- ...m,
13
- children: o
9
+ ref: m,
10
+ as: r ? "ol" : "ul",
11
+ className: a("tcn-list", o),
12
+ ...s,
13
+ children: t
14
14
  }
15
15
  );
16
16
  });
@@ -1 +1 @@
1
- {"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function Item(\n { children, className, isOrdered = false, ...props }: ListProps,\n ref\n) {\n return (\n <VStack\n ref={ref}\n as={isOrdered ? 'ol' : 'ul'}\n className={clsx('list', className)}\n {...props}\n >\n {children}\n </VStack>\n );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAK,QAAQN,CAAS;AAAA,MAChC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
1
+ {"version":3,"file":"list.js","sources":["../../../src/layouts/list/list.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../stacks/v_stack.js';\n\nexport interface ListProps extends Omit<VStackProps, 'as'> {\n isOrdered?: boolean;\n}\n\nexport const List = React.forwardRef<HTMLDivElement, ListProps>(function List(\n { children, className, isOrdered = false, ...props }: ListProps,\n ref\n) {\n return (\n <VStack\n ref={ref}\n as={isOrdered ? 'ol' : 'ul'}\n className={clsx('tcn-list', className)}\n {...props}\n >\n {children}\n </VStack>\n );\n});\n"],"names":["List","React","children","className","isOrdered","props","ref","jsx","VStack","clsx"],"mappings":";;;;AAQO,MAAMA,IAAOC,EAAM,WAAsC,SAC9D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,EAAA,GAC7CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAIF,IAAY,OAAO;AAAA,MACvB,WAAWK,EAAK,YAAYN,CAAS;AAAA,MACpC,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -1,11 +1,11 @@
1
- import { jsxs as s, Fragment as c, jsx as t } from "react/jsx-runtime";
2
- import { P as m } from "../../portal-qqIp4SIl.js";
1
+ import { jsxs as c, Fragment as m, jsx as t } from "react/jsx-runtime";
2
+ import { Portal as s } from "../portal/portal.js";
3
3
  import { useState as h } from "react";
4
4
  import { Menu as u } from "../menu/menu.js";
5
5
  function v({ open: e, position: r, children: n, onClose: i }) {
6
6
  const [o, l] = h(null);
7
- return !e || r == null ? null : /* @__PURE__ */ s(c, { children: [
8
- /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0 }, children: /* @__PURE__ */ t(
7
+ return !e || r == null ? null : /* @__PURE__ */ c(m, { children: [
8
+ /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0 }, children: /* @__PURE__ */ t(
9
9
  "div",
10
10
  {
11
11
  ref: (a) => {
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { ZStackProps } from '../../stacks/index.js';
3
+ export interface FrameOwnProps {
4
+ isOpen?: boolean;
5
+ children?: React.ReactNode;
6
+ draggable?: boolean;
7
+ veil?: boolean;
8
+ }
9
+ export type FrameProps = ZStackProps & FrameOwnProps;
10
+ export declare const Frame: React.ForwardRefExoticComponent<ZStackProps<HTMLElement> & FrameOwnProps & React.RefAttributes<HTMLDialogElement>>;
11
+ //# sourceMappingURL=frame.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/overlay/frame/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIjE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;AAErD,eAAO,MAAM,KAAK,oHAmBhB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import p from "react";
3
+ import "../../stacks/box/box.js";
4
+ import "../../stacks/h_collapsible_box.js";
5
+ import "../../stacks/h_stack.js";
6
+ import "../../stacks/spacer.js";
7
+ import "../../stacks/v_collapsible_box.js";
8
+ import "../../stacks/v_stack.js";
9
+ import { ZStack as t } from "../../stacks/z_stack.js";
10
+ import { Portal as l } from "../portal/portal.js";
11
+ import { Draggable as n } from "../../utils/dnd/draggable/draggable.js";
12
+ const k = p.forwardRef(function({ children: o, isOpen: i = !1, draggable: m = !0, veil: e = !1, ...a }, f) {
13
+ return i ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(t, { width: "100%", height: "100%", "data-is-veil": e, className: "tcn-frame", children: /* @__PURE__ */ r(n, { draggable: m, children: /* @__PURE__ */ r(t, { ref: f, ...a, children: o }) }) }) }) : null;
14
+ });
15
+ export {
16
+ k as Frame
17
+ };
18
+ //# sourceMappingURL=frame.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frame.js","sources":["../../../src/overlay/frame/frame.tsx"],"sourcesContent":["import React from 'react';\nimport { ZStack, type ZStackProps } from '../../stacks/index.js';\nimport { Portal } from '../portal/portal.js';\nimport { Draggable } from '../../utils/dnd/draggable/draggable.js';\n\nexport interface FrameOwnProps {\n isOpen?: boolean;\n children?: React.ReactNode;\n draggable?: boolean;\n veil?: boolean;\n}\n\nexport type FrameProps = ZStackProps & FrameOwnProps;\n\nexport const Frame = React.forwardRef<HTMLDialogElement, FrameProps>(function Frame(\n { children, isOpen = false, draggable = true, veil = false, ...rest }: FrameProps,\n ref\n) {\n if (!isOpen) {\n return null;\n }\n\n return (\n <Portal>\n <ZStack width=\"100%\" height=\"100%\" data-is-veil={veil} className=\"tcn-frame\">\n <Draggable draggable={draggable}>\n <ZStack ref={ref} {...rest}>\n {children}\n </ZStack>\n </Draggable>\n </ZStack>\n </Portal>\n );\n});\n"],"names":["Frame","React","children","isOpen","draggable","veil","rest","ref","jsx","Portal","ZStack","Draggable"],"mappings":";;;;;;;;;;;AAcO,MAAMA,IAAQC,EAAM,WAA0C,SACnE,EAAE,UAAAC,GAAU,QAAAC,IAAS,IAAO,WAAAC,IAAY,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAC/DC,GACA;AACA,SAAKJ,IAKH,gBAAAK,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAO,OAAM,QAAO,QAAO,QAAO,gBAAcL,GAAM,WAAU,aAC/D,UAAA,gBAAAG,EAACG,GAAA,EAAU,WAAAP,GACT,UAAA,gBAAAI,EAACE,GAAA,EAAO,KAAAH,GAAW,GAAGD,GACnB,UAAAJ,EAAA,CACH,EAAA,CACF,EAAA,CACF,EAAA,CACF,IAZO;AAcX,CAAC;"}
@@ -3,4 +3,5 @@ export * from './context_menu/context_menu.js';
3
3
  export * from './menu/menu.js';
4
4
  export * from './tooltip/tooltip.js';
5
5
  export * from './popper/popper.js';
6
+ export { Frame, type FrameOwnProps, type FrameProps } from './frame/frame.js';
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,13 +1,15 @@
1
- import { P as e } from "../portal-qqIp4SIl.js";
1
+ import { Portal as e } from "./portal/portal.js";
2
2
  import { ContextMenu as p } from "./context_menu/context_menu.js";
3
3
  import { Menu as x, MenuItem as f } from "./menu/menu.js";
4
4
  import { Tooltip as u } from "./tooltip/tooltip.js";
5
- import { Popper as P } from "./popper/popper.js";
5
+ import { Popper as a } from "./popper/popper.js";
6
+ import { Frame as P } from "./frame/frame.js";
6
7
  export {
7
8
  p as ContextMenu,
9
+ P as Frame,
8
10
  x as Menu,
9
11
  f as MenuItem,
10
- P as Popper,
12
+ a as Popper,
11
13
  e as Portal,
12
14
  u as Tooltip
13
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -2,17 +2,17 @@ import { jsx as p, jsxs as G } from "react/jsx-runtime";
2
2
  import "../../utils/focus_redirect.js";
3
3
  import { ClickAwayListener as I } from "../../utils/click_away_listener.js";
4
4
  import { ScrollAwayListener as J } from "../../utils/scroll_away_listener.js";
5
- import { useRef as f, useState as K, useLayoutEffect as P } from "react";
5
+ import { useRef as f, useState as K, useLayoutEffect as E } from "react";
6
6
  import "../../utils/hooks/use_resize_observer.js";
7
- import { P as M } from "../../portal-qqIp4SIl.js";
8
- import '../../popper.css';const Q = "_popover_069b323", U = "_popover-veil_2f5f985", E = { popover: Q, "popover-veil": U };
7
+ import { Portal as M } from "../portal/portal.js";
8
+ import '../../popper.css';const Q = "_popover_069b323", U = "_popover-veil_2f5f985", P = { popover: Q, "popover-veil": U };
9
9
  function ie({
10
10
  anchorElement: n,
11
11
  verticalAnchor: _ = "bottom",
12
12
  verticalOrigin: j = "top",
13
13
  verticalOffset: h = 0,
14
- horizontalAnchor: a = "start",
15
- horizontalOrigin: d = "start",
14
+ horizontalAnchor: d = "start",
15
+ horizontalOrigin: a = "start",
16
16
  horizontalOffset: s = 0,
17
17
  restoreFocus: g = !1,
18
18
  veil: y = !1,
@@ -54,13 +54,13 @@ function ie({
54
54
  t -= o.height;
55
55
  break;
56
56
  }
57
- a === "start" ? i += v ? e.width + s : s : a === "center" ? i += e.width / 2 : a === "end" && (i += v ? -s : e.width + s);
58
- let r = d;
59
- v && (d === "start" ? r = "end" : d === "end" && (r = "start")), r === "start" || (r === "center" ? i -= o.width / 2 : r === "end" && (i -= o.width)), i + o.width > A && (i = A - o.width), i < 0 && (i = 0), t + o.height > L && (t = L - o.height), t < 0 && (t = 0), (t !== c.top || i !== c.left) && q({ top: t, left: i });
57
+ d === "start" ? i += v ? e.width + s : s : d === "center" ? i += e.width / 2 : d === "end" && (i += v ? -s : e.width + s);
58
+ let r = a;
59
+ v && (a === "start" ? r = "end" : a === "end" && (r = "start")), r === "start" || (r === "center" ? i -= o.width / 2 : r === "end" && (i -= o.width)), i + o.width > A && (i = A - o.width), i < 0 && (i = 0), t + o.height > L && (t = L - o.height), t < 0 && (t = 0), (t !== c.top || i !== c.left) && q({ top: t, left: i });
60
60
  };
61
- if (P(() => (m(), window.addEventListener("resize", m), () => {
61
+ if (E(() => (m(), window.addEventListener("resize", m), () => {
62
62
  window.removeEventListener("resize", m);
63
- })), P(() => {
63
+ })), E(() => {
64
64
  if (u)
65
65
  x.current = window.document.activeElement;
66
66
  else {
@@ -76,7 +76,7 @@ function ie({
76
76
  "div",
77
77
  {
78
78
  ref: w,
79
- className: E.popover,
79
+ className: P.popover,
80
80
  style: {
81
81
  top: `${c.top}px`,
82
82
  left: `${c.left}px`
@@ -98,7 +98,7 @@ function ie({
98
98
  {
99
99
  ref: C,
100
100
  onClick: (e) => C.current === e.target && b && b(e),
101
- className: E["popover-veil"],
101
+ className: P["popover-veil"],
102
102
  children: l
103
103
  }
104
104
  ),
@@ -1,5 +1,5 @@
1
1
  import { useState as n, useLayoutEffect as e } from "react";
2
- import { usePortalPlatform as u } from "./overlay/portal/portal_platform_context.js";
2
+ import { usePortalPlatform as u } from "./portal_platform_context.js";
3
3
  const s = ({ children: a, zIndex: o }) => {
4
4
  const r = u(), [t] = n(() => r.createPortal());
5
5
  return e(() => {
@@ -7,6 +7,6 @@ const s = ({ children: a, zIndex: o }) => {
7
7
  }, [t, o]), e(() => (r.mountPortal(t), () => r.unmountPortal(t)), [t, r]), t.render(a);
8
8
  };
9
9
  export {
10
- s as P
10
+ s as Portal
11
11
  };
12
- //# sourceMappingURL=portal-qqIp4SIl.js.map
12
+ //# sourceMappingURL=portal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"portal.js","sources":["../../../src/overlay/portal/portal.tsx"],"sourcesContent":["import React, { useState, useLayoutEffect } from 'react';\nimport { usePortalPlatform } from './portal_platform_context.js';\n\nexport interface PortalProps {\n children: React.ReactNode | React.ReactNode[];\n zIndex?: number;\n}\n\nexport const Portal = ({ children, zIndex }: PortalProps) => {\n const portalPlatform = usePortalPlatform();\n\n const [portal] = useState(() => {\n return portalPlatform.createPortal();\n });\n\n useLayoutEffect(() => {\n portal.setZIndex(zIndex);\n }, [portal, zIndex]);\n\n useLayoutEffect(() => {\n portalPlatform.mountPortal(portal);\n return () => portalPlatform.unmountPortal(portal);\n }, [portal, portalPlatform]);\n\n return portal.render(children);\n};\n"],"names":["Portal","children","zIndex","portalPlatform","usePortalPlatform","portal","useState","useLayoutEffect"],"mappings":";;AAQO,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAA0B;AAC3D,QAAMC,IAAiBC,EAAA,GAEjB,CAACC,CAAM,IAAIC,EAAS,MACjBH,EAAe,aAAA,CACvB;AAED,SAAAI,EAAgB,MAAM;AACpB,IAAAF,EAAO,UAAUH,CAAM;AAAA,EACzB,GAAG,CAACG,GAAQH,CAAM,CAAC,GAEnBK,EAAgB,OACdJ,EAAe,YAAYE,CAAM,GAC1B,MAAMF,EAAe,cAAcE,CAAM,IAC/C,CAACA,GAAQF,CAAc,CAAC,GAEpBE,EAAO,OAAOJ,CAAQ;AAC/B;"}
@@ -1,6 +1,5 @@
1
1
  import { createPortal as e } from "react-dom";
2
- import './portal.css';/* empty css */
3
- class s {
2
+ import '../../portal_platform.css';class s {
4
3
  _window;
5
4
  div;
6
5
  hasMounted = !1;
@@ -14,7 +13,7 @@ class s {
14
13
  return this.div == null ? null : e(t, this.div);
15
14
  }
16
15
  }
17
- class n {
16
+ class a {
18
17
  _window;
19
18
  _root;
20
19
  _portals = [];
@@ -64,7 +63,7 @@ class n {
64
63
  }
65
64
  }
66
65
  export {
67
- n as PortalPlatform,
66
+ a as PortalPlatform,
68
67
  s as PortalPresenter
69
68
  };
70
69
  //# sourceMappingURL=portal_platform.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n private _window: Window & typeof globalThis;\n div: HTMLDivElement;\n hasMounted = false;\n\n constructor(win = window, zIndex: number | string = '0') {\n this._window = win;\n this.div = this._window.document.createElement('div');\n this.div.className = 'portal';\n this.setZIndex(zIndex);\n }\n\n setZIndex(zIndex: number | string = '0') {\n if (this.div != null) {\n this.div.style.zIndex = zIndex.toString();\n }\n }\n\n render(children: React.ReactNode) {\n if (this.div == null) {\n return null;\n }\n\n return createPortal(children, this.div);\n }\n}\n\nexport class PortalPlatform {\n private _window: Window & typeof globalThis;\n private _root: HTMLElement;\n private _portals: PortalPresenter[] = [];\n\n readonly platform: HTMLDivElement;\n\n constructor(win = window, root: HTMLElement = win.document.body) {\n this._window = win;\n this._root = root;\n this.platform = this._getPlatformRoot();\n this.platform.classList.add('platform-root');\n }\n\n private _getPlatformRoot() {\n const existingPlatformRoot = this._window.document.body.querySelector(\n '.platform-root'\n ) as HTMLDivElement | null;\n if (!existingPlatformRoot) {\n const root = this._window.document.createElement('div');\n const portalPlatform = this._window.document.createElement('div');\n portalPlatform.id = 'portal-platform';\n portalPlatform.classList.add('portal-platform');\n root.appendChild(portalPlatform);\n\n return root;\n } else {\n return existingPlatformRoot;\n }\n }\n\n setZIndex(zIndex: number | string = 'auto') {\n if (this.platform != null) {\n this.platform.style.zIndex = zIndex.toString();\n }\n }\n\n setRoot(root: HTMLElement | null) {\n if (root !== this._root) {\n this.platform?.parentNode?.removeChild(this.platform);\n this._root = root == null ? document.body : root;\n this.showPlatform();\n }\n }\n\n createPortal() {\n const portal = new PortalPresenter(this._window);\n this._portals.push(portal);\n return portal;\n }\n\n mountPortal(portal: PortalPresenter) {\n portal.hasMounted = true;\n this.platform.firstElementChild?.appendChild(portal.div);\n this.showPlatform();\n }\n\n unmountPortal(portal: PortalPresenter) {\n this.removePortal(portal);\n }\n\n removePortal(portal: PortalPresenter) {\n const index = this._portals.indexOf(portal);\n if (index > -1) {\n portal.hasMounted = false;\n this._portals.splice(index, 1);\n this.platform.firstElementChild?.removeChild(portal.div);\n this.hidePlatformIfNecessary();\n }\n }\n\n showPlatform() {\n if (this.platform != null && this.platform.parentElement == null) {\n this._root.appendChild(this.platform);\n }\n }\n\n hidePlatformIfNecessary() {\n if (this._portals.length === 0 && this.platform.parentElement != null) {\n this._root.removeChild(this.platform);\n }\n }\n\n dispose() {\n if (this.platform != null && this._root.contains(this.platform)) {\n this._root.removeChild(this.platform);\n }\n }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";;AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,UACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA,GACrB,KAAK,SAAS,UAAU,IAAI,eAAe;AAAA,EAC7C;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AASH,aAAOA;AATkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,mBACpBA,EAAe,UAAU,IAAI,iBAAiB,GAC9CF,EAAK,YAAYE,CAAc,GAExBF;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}
1
+ {"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n private _window: Window & typeof globalThis;\n div: HTMLDivElement;\n hasMounted = false;\n\n constructor(win = window, zIndex: number | string = '0') {\n this._window = win;\n this.div = this._window.document.createElement('div');\n this.div.className = 'portal';\n this.setZIndex(zIndex);\n }\n\n setZIndex(zIndex: number | string = '0') {\n if (this.div != null) {\n this.div.style.zIndex = zIndex.toString();\n }\n }\n\n render(children: React.ReactNode) {\n if (this.div == null) {\n return null;\n }\n\n return createPortal(children, this.div);\n }\n}\n\nexport class PortalPlatform {\n private _window: Window & typeof globalThis;\n private _root: HTMLElement;\n private _portals: PortalPresenter[] = [];\n\n readonly platform: HTMLDivElement;\n\n constructor(win = window, root: HTMLElement = win.document.body) {\n this._window = win;\n this._root = root;\n this.platform = this._getPlatformRoot();\n this.platform.classList.add('platform-root');\n }\n\n private _getPlatformRoot() {\n const existingPlatformRoot = this._window.document.body.querySelector(\n '.platform-root'\n ) as HTMLDivElement | null;\n if (!existingPlatformRoot) {\n const root = this._window.document.createElement('div');\n const portalPlatform = this._window.document.createElement('div');\n portalPlatform.id = 'portal-platform';\n portalPlatform.classList.add('portal-platform');\n root.appendChild(portalPlatform);\n\n return root;\n } else {\n return existingPlatformRoot;\n }\n }\n\n setZIndex(zIndex: number | string = 'auto') {\n if (this.platform != null) {\n this.platform.style.zIndex = zIndex.toString();\n }\n }\n\n setRoot(root: HTMLElement | null) {\n if (root !== this._root) {\n this.platform?.parentNode?.removeChild(this.platform);\n this._root = root == null ? document.body : root;\n this.showPlatform();\n }\n }\n\n createPortal() {\n const portal = new PortalPresenter(this._window);\n this._portals.push(portal);\n return portal;\n }\n\n mountPortal(portal: PortalPresenter) {\n portal.hasMounted = true;\n this.platform.firstElementChild?.appendChild(portal.div);\n this.showPlatform();\n }\n\n unmountPortal(portal: PortalPresenter) {\n this.removePortal(portal);\n }\n\n removePortal(portal: PortalPresenter) {\n const index = this._portals.indexOf(portal);\n if (index > -1) {\n portal.hasMounted = false;\n this._portals.splice(index, 1);\n this.platform.firstElementChild?.removeChild(portal.div);\n this.hidePlatformIfNecessary();\n }\n }\n\n showPlatform() {\n if (this.platform != null && this.platform.parentElement == null) {\n this._root.appendChild(this.platform);\n }\n }\n\n hidePlatformIfNecessary() {\n if (this._portals.length === 0 && this.platform.parentElement != null) {\n this._root.removeChild(this.platform);\n }\n }\n\n dispose() {\n if (this.platform != null && this._root.contains(this.platform)) {\n this._root.removeChild(this.platform);\n }\n }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,UACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA,GACrB,KAAK,SAAS,UAAU,IAAI,eAAe;AAAA,EAC7C;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AASH,aAAOA;AATkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,mBACpBA,EAAe,UAAU,IAAI,iBAAiB,GAC9CF,EAAK,YAAYE,CAAc,GAExBF;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}
@@ -1 +1 @@
1
- ._phone-number-input_5c4483d{position:relative;opacity:1;border-radius:0}._phone-number-input_5c4483d[data-has-phone-book=false]{border-end-end-radius:4px;border-start-end-radius:4px}._phone-number-input-select_a7b33ac{border-end-end-radius:0px;border-start-end-radius:0px}._phone-number-input_5c4483d>*{position:relative;z-index:1}._phone-number-input-select_a7b33ac:has(button){z-index:2}._phone-number-input-input_5b14556:has(input:focus),._phone-number-input-select_a7b33ac:focus,._phone-number-input-input_5b14556:has(input:focus-visible),._phone-number-input-select_a7b33ac:focus-visible{z-index:3}._phone-number-input-phone-book-popover_1511f35{border-radius:calc(4px * var(--scalar, 1));padding:8px;background-color:#fefefe;box-shadow:var(--raised-box-shadow),var(--drop-shadow-depth-3);min-width:calc(200px * var(--scalar, 1))}._phone-number-input-phone-book_7999ca1{border-start-start-radius:0px;border-end-start-radius:0px;height:calc(26px * var(--scalar, 1))!important;width:calc(26px * var(--scalar, 1))!important;min-height:calc(26px * var(--scalar, 1))!important;min-width:calc(26px * var(--scalar, 1))!important;max-height:calc(26px * var(--scalar, 1))!important;max-width:calc(26px * var(--scalar, 1))!important}
1
+ ._phone-number-input_5c4483d{position:relative;opacity:1;border-radius:0}._phone-number-input_5c4483d[data-has-phone-book=false]{border-end-end-radius:4px;border-start-end-radius:4px}._phone-number-input-select_a7b33ac{border-end-end-radius:0px;border-start-end-radius:0px}._phone-number-input_5c4483d>*{position:relative;z-index:1}._phone-number-input-select_a7b33ac:has(button){z-index:2}._phone-number-input-input_5b14556:has(input:focus),._phone-number-input-select_a7b33ac:focus,._phone-number-input-input_5b14556:has(input:focus-visible),._phone-number-input-select_a7b33ac:focus-visible{z-index:3}._phone-number-input-phone-book-popover_1511f35{border-radius:calc(4px * var(--scalar, 1));padding:8px;background-color:#fefefe;box-shadow:var(--raised-box-shadow),var(--drop-shadow-depth-3);min-width:calc(200px * var(--scalar, 1))}._phone-number-input-phone-book_7999ca1{border-start-start-radius:0px;border-end-start-radius:0px;height:calc(26px * var(--scalar, 1))!important;width:calc(26px * var(--scalar, 1))!important;min-height:calc(26px * var(--scalar, 1))!important;min-width:calc(26px * var(--scalar, 1))!important;max-height:calc(26px * var(--scalar, 1))!important;max-width:calc(26px * var(--scalar, 1))!important}._phone-number-input-obfuscated_5a0ed8c{user-select:none;-webkit-user-select:none;cursor:default;width:100%;height:100%}._phone-number-input-obfuscated_5a0ed8c::selection{background:transparent}
@@ -1 +1 @@
1
- ._slim-button_188fdc3{min-height:auto}._slim-button_188fdc3[data-is-disabled=true]{pointer-events:none}._slim-button_188fdc3[data-size=sm]{padding:1px}._slim-button_188fdc3[data-size=md]{padding:2px}._slim-button_188fdc3[data-size=lg]{padding:3px}._slim-button_188fdc3[data-hierarchy=tertiary][data-is-disabled=true]{background-color:transparent;border:none;color:var(--button-color-disabled);min-height:auto;pointer-events:none}._slim-button_188fdc3[data-hierarchy=secondary][data-is-disabled=true]{background-color:transparent;border:1px solid var(--button-color-disabled);color:var(--button-color-disabled)}
1
+ ._slim-button_188fdc3{min-height:auto}._slim-button_188fdc3[data-is-disabled=true]{pointer-events:none}
@@ -34,7 +34,7 @@ export interface BoxProps extends HTMLAttributes<HTMLElement> {
34
34
  horizontalHandleProps?: HandleProps;
35
35
  verticalHandleProps?: HandleProps;
36
36
  onWidthResize?: (width: number) => void;
37
- onHeightResize?: (width: number) => void;
37
+ onHeightResize?: (height: number) => void;
38
38
  onWidthResizeEnd?: (width: number) => void;
39
39
  onHeightResizeEnd?: (width: number) => void;
40
40
  }
@@ -1 +1 @@
1
- {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,GAAG,8EAsKd,CAAC"}
1
+ {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,MAAM,KAEV,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,MAAM,KAEX,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,GAAG,8EAsKd,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sources":["../../../src/stacks/box/box.tsx"],"sourcesContent":["import { useForkRef } from '../../utils/index.js';\nimport React, { CSSProperties, HTMLAttributes, useRef } from 'react';\nimport { LeftResizeHandle } from './left_resize_handle.js';\nimport { RightResizeHandle } from './right_resize_handle.js';\nimport { BottomResizeHandle } from './bottom_resize_handle.js';\nimport { EndResizeHandle } from './end_resize_handle.js';\nimport { StartResizeHandle } from './start_resize_handle.js';\nimport { TopResizeHandle } from './top_resize_handle.js';\nimport { clsx } from 'clsx';\nimport { isCustomSizeProp } from '../utils/isCustomSizeProp.js';\nimport { removeUndefinedProperties } from '../utils/remove_undefined_properties.js';\nimport styles from '../stack.module.css';\nimport { HandleProps } from './handle_props.js';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n as?: string;\n style?: React.CSSProperties;\n className?: string;\n children?: React.ReactNode;\n width?: 'default' | 'flex' | 'auto' | string | number;\n minWidth?: CSSProperties['minWidth'];\n maxWidth?: CSSProperties['maxWidth'];\n height?: 'default' | 'flex' | 'auto' | string | number;\n minHeight?: CSSProperties['minHeight'];\n maxHeight?: CSSProperties['maxHeight'];\n zIndex?: number;\n padding?: CSSProperties['padding'];\n paddingInline?: CSSProperties['paddingInline'];\n paddingBlock?: CSSProperties['paddingBlock'];\n margin?: CSSProperties['margin'];\n marginBlock?: CSSProperties['marginBlock'];\n marginInline?: CSSProperties['marginInline'];\n marginInlineStart?: CSSProperties['marginInlineStart'];\n marginInlineEnd?: CSSProperties['marginInlineEnd'];\n marginTop?: CSSProperties['marginTop'];\n marginBottom?: CSSProperties['marginBottom'];\n overflow?: React.CSSProperties['overflow'];\n overflowX?: React.CSSProperties['overflowX'];\n overflowY?: React.CSSProperties['overflowY'];\n enableResizeOnTop?: boolean;\n enableResizeOnEnd?: boolean;\n enableResizeOnBottom?: boolean;\n enableResizeOnStart?: boolean;\n enableResizeOnLeft?: boolean;\n enableResizeOnRight?: boolean;\n horizontalHandleProps?: HandleProps;\n verticalHandleProps?: HandleProps;\n onWidthResize?: (width: number) => void;\n onHeightResize?: (width: number) => void;\n onWidthResizeEnd?: (width: number) => void;\n onHeightResizeEnd?: (width: number) => void;\n}\n\nexport const Box = React.forwardRef<HTMLElement, BoxProps>(function Box(\n {\n style,\n className,\n as = 'div',\n children,\n width = 'default',\n minWidth,\n maxWidth,\n height = 'default',\n minHeight,\n maxHeight,\n zIndex,\n padding,\n paddingInline,\n paddingBlock,\n margin,\n marginBlock,\n marginInline,\n marginInlineStart,\n marginInlineEnd,\n marginTop,\n marginBottom,\n overflow,\n overflowX,\n overflowY,\n enableResizeOnTop = false,\n enableResizeOnEnd = false,\n enableResizeOnBottom = false,\n enableResizeOnStart = false,\n enableResizeOnLeft = false,\n enableResizeOnRight = false,\n onWidthResize,\n onHeightResize,\n onWidthResizeEnd,\n onHeightResizeEnd,\n horizontalHandleProps,\n verticalHandleProps,\n ...otherProps\n }: BoxProps,\n ref\n) {\n const As = as as React.ElementType;\n const boxRef = useRef<HTMLElement | null>(null);\n const forkedRef = useForkRef(ref, boxRef);\n const hasHorizontalResize =\n enableResizeOnEnd || enableResizeOnStart || enableResizeOnLeft || enableResizeOnRight;\n const hasVerticalResize = enableResizeOnBottom || enableResizeOnTop;\n\n const cannotHorizontalFlex = hasHorizontalResize;\n const cannotVerticalFlex = hasVerticalResize;\n const warnHorizontalFlex = cannotHorizontalFlex && width === 'flex';\n const warnVerticalFlex = cannotVerticalFlex && height === 'flex';\n const isFlexing =\n !warnHorizontalFlex && !warnVerticalFlex && (width === 'flex' || height === 'flex');\n\n if (warnHorizontalFlex) {\n width = '100%';\n // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n console.warn('You cannot have a resizable box and flex simultaneously');\n }\n\n if (warnVerticalFlex) {\n height = 'auto';\n // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n console.warn('You cannot have a resizable box and flex simultaneously');\n }\n\n const propStyles = {\n width: !isCustomSizeProp(width) ? width : undefined,\n minWidth,\n maxWidth,\n height: !isCustomSizeProp(height) ? height : undefined,\n minHeight,\n maxHeight,\n padding,\n paddingInline,\n paddingBlock,\n margin,\n marginBlock,\n marginInline,\n marginInlineStart,\n marginInlineEnd,\n marginTop,\n marginBottom,\n overflow,\n overflowX,\n overflowY,\n zIndex,\n };\n\n return (\n <As\n data-enabled-resize-on-start={String(enableResizeOnStart)}\n data-enabled-resize-on-end={String(enableResizeOnEnd)}\n data-enabled-resize-on-top={String(enableResizeOnTop)}\n data-enabled-resize-on-bottom={String(enableResizeOnBottom)}\n data_enabled-resize-on-left={String(enableResizeOnLeft)}\n data_enabled-resize-on-right={String(enableResizeOnRight)}\n data-height={height}\n data-width={width}\n ref={forkedRef}\n style={{\n ...removeUndefinedProperties(propStyles),\n ...style,\n }}\n className={clsx(\n styles['box'],\n className,\n isFlexing && 'stack-flex',\n isFlexing && styles['stack-flex'],\n 'box'\n )}\n {...otherProps}\n >\n {children}\n {enableResizeOnTop && (\n <TopResizeHandle\n onHeightResize={onHeightResize}\n onHeightResizeEnd={onHeightResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnBottom && (\n <BottomResizeHandle\n onHeightResize={onHeightResize}\n onHeightResizeEnd={onHeightResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n {enableResizeOnStart && (\n <StartResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnEnd && (\n <EndResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnLeft && (\n <LeftResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n {enableResizeOnRight && (\n <RightResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n </As>\n );\n});\n"],"names":["Box","React","style","className","as","children","width","minWidth","maxWidth","height","minHeight","maxHeight","zIndex","padding","paddingInline","paddingBlock","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","overflow","overflowX","overflowY","enableResizeOnTop","enableResizeOnEnd","enableResizeOnBottom","enableResizeOnStart","enableResizeOnLeft","enableResizeOnRight","onWidthResize","onHeightResize","onWidthResizeEnd","onHeightResizeEnd","horizontalHandleProps","verticalHandleProps","otherProps","ref","As","boxRef","useRef","forkedRef","useForkRef","hasHorizontalResize","hasVerticalResize","cannotHorizontalFlex","cannotVerticalFlex","warnHorizontalFlex","warnVerticalFlex","isFlexing","propStyles","isCustomSizeProp","jsxs","removeUndefinedProperties","clsx","styles","jsx","TopResizeHandle","BottomResizeHandle","StartResizeHandle","EndResizeHandle","LeftResizeHandle","RightResizeHandle"],"mappings":";;;;;;;;;;;;;;;;;AAqDO,MAAMA,KAAMC,EAAM,WAAkC,SACzD;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,qBAAAC,IAAsB;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAKpC,GACLqC,IAASC,GAA2B,IAAI,GACxCC,IAAYC,GAAWL,GAAKE,CAAM,GAClCI,IACJlB,KAAqBE,KAAuBC,KAAsBC,GAC9De,IAAoBlB,KAAwBF,GAE5CqB,IAAuBF,GACvBG,IAAqBF,GACrBG,IAAqBF,KAAwBzC,MAAU,QACvD4C,IAAmBF,KAAsBvC,MAAW,QACpD0C,IACJ,CAACF,KAAsB,CAACC,MAAqB5C,MAAU,UAAUG,MAAW;AAE9E,EAAIwC,MACF3C,IAAQ,QAER,QAAQ,KAAK,yDAAyD,IAGpE4C,MACFzC,IAAS,QAET,QAAQ,KAAK,yDAAyD;AAGxE,QAAM2C,IAAa;AAAA,IACjB,OAAQC,EAAiB/C,CAAK,IAAY,SAARA;AAAA,IAClC,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAS6C,EAAiB5C,CAAM,IAAa,SAATA;AAAA,IACpC,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAE;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAb;AAAA,EAAA;AAGF,SACE,gBAAA0C;AAAA,IAACd;AAAA,IAAA;AAAA,MACC,gCAA8B,OAAOX,CAAmB;AAAA,MACxD,8BAA4B,OAAOF,CAAiB;AAAA,MACpD,8BAA4B,OAAOD,CAAiB;AAAA,MACpD,iCAA+B,OAAOE,CAAoB;AAAA,MAC1D,+BAA6B,OAAOE,CAAkB;AAAA,MACtD,gCAA8B,OAAOC,CAAmB;AAAA,MACxD,eAAatB;AAAA,MACb,cAAYH;AAAA,MACZ,KAAKqC;AAAA,MACL,OAAO;AAAA,QACL,GAAGY,GAA0BH,CAAU;AAAA,QACvC,GAAGlD;AAAA,MAAA;AAAA,MAEL,WAAWsD;AAAA,QACTC,EAAO;AAAA,QACPtD;AAAA,QACAgD,KAAa;AAAA,QACbA,KAAaM,EAAO,YAAY;AAAA,QAChC;AAAA,MAAA;AAAA,MAED,GAAGnB;AAAA,MAEH,UAAA;AAAA,QAAAjC;AAAA,QACAqB,KACC,gBAAAgC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAA1B;AAAA,YACA,mBAAAE;AAAA,YACA,WAAWM;AAAA,YACX,aAAaL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,KACC,gBAAA8B;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,gBAAA3B;AAAA,YACA,mBAAAE;AAAA,YACA,WAAWM;AAAA,YACX,aAAaJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBR,KACC,gBAAA6B;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,eAAA7B;AAAA,YACA,kBAAAE;AAAA,YACA,WAAWO;AAAA,YACX,aAAaL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBT,KACC,gBAAA+B;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,eAAA9B;AAAA,YACA,kBAAAE;AAAA,YACA,WAAWO;AAAA,YACX,aAAaL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBN,KACC,gBAAA4B;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,eAAA/B;AAAA,YACA,kBAAAE;AAAA,YACA,WAAWO;AAAA,YACX,aAAaJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhBN,KACC,gBAAA2B;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,eAAAhC;AAAA,YACA,kBAAAE;AAAA,YACA,WAAWO;AAAA,YACX,aAAaJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
1
+ {"version":3,"file":"box.js","sources":["../../../src/stacks/box/box.tsx"],"sourcesContent":["import { useForkRef } from '../../utils/index.js';\nimport React, { CSSProperties, HTMLAttributes, useRef } from 'react';\nimport { LeftResizeHandle } from './left_resize_handle.js';\nimport { RightResizeHandle } from './right_resize_handle.js';\nimport { BottomResizeHandle } from './bottom_resize_handle.js';\nimport { EndResizeHandle } from './end_resize_handle.js';\nimport { StartResizeHandle } from './start_resize_handle.js';\nimport { TopResizeHandle } from './top_resize_handle.js';\nimport { clsx } from 'clsx';\nimport { isCustomSizeProp } from '../utils/isCustomSizeProp.js';\nimport { removeUndefinedProperties } from '../utils/remove_undefined_properties.js';\nimport styles from '../stack.module.css';\nimport { HandleProps } from './handle_props.js';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n as?: string;\n style?: React.CSSProperties;\n className?: string;\n children?: React.ReactNode;\n width?: 'default' | 'flex' | 'auto' | string | number;\n minWidth?: CSSProperties['minWidth'];\n maxWidth?: CSSProperties['maxWidth'];\n height?: 'default' | 'flex' | 'auto' | string | number;\n minHeight?: CSSProperties['minHeight'];\n maxHeight?: CSSProperties['maxHeight'];\n zIndex?: number;\n padding?: CSSProperties['padding'];\n paddingInline?: CSSProperties['paddingInline'];\n paddingBlock?: CSSProperties['paddingBlock'];\n margin?: CSSProperties['margin'];\n marginBlock?: CSSProperties['marginBlock'];\n marginInline?: CSSProperties['marginInline'];\n marginInlineStart?: CSSProperties['marginInlineStart'];\n marginInlineEnd?: CSSProperties['marginInlineEnd'];\n marginTop?: CSSProperties['marginTop'];\n marginBottom?: CSSProperties['marginBottom'];\n overflow?: React.CSSProperties['overflow'];\n overflowX?: React.CSSProperties['overflowX'];\n overflowY?: React.CSSProperties['overflowY'];\n enableResizeOnTop?: boolean;\n enableResizeOnEnd?: boolean;\n enableResizeOnBottom?: boolean;\n enableResizeOnStart?: boolean;\n enableResizeOnLeft?: boolean;\n enableResizeOnRight?: boolean;\n horizontalHandleProps?: HandleProps;\n verticalHandleProps?: HandleProps;\n onWidthResize?: (\n width: number\n // origin: 'left' | 'right'\n ) => void;\n onHeightResize?: (\n height: number\n // origin: 'top' | 'bottom'\n ) => void;\n onWidthResizeEnd?: (width: number) => void;\n onHeightResizeEnd?: (width: number) => void;\n}\n\nexport const Box = React.forwardRef<HTMLElement, BoxProps>(function Box(\n {\n style,\n className,\n as = 'div',\n children,\n width = 'default',\n minWidth,\n maxWidth,\n height = 'default',\n minHeight,\n maxHeight,\n zIndex,\n padding,\n paddingInline,\n paddingBlock,\n margin,\n marginBlock,\n marginInline,\n marginInlineStart,\n marginInlineEnd,\n marginTop,\n marginBottom,\n overflow,\n overflowX,\n overflowY,\n enableResizeOnTop = false,\n enableResizeOnEnd = false,\n enableResizeOnBottom = false,\n enableResizeOnStart = false,\n enableResizeOnLeft = false,\n enableResizeOnRight = false,\n onWidthResize,\n onHeightResize,\n onWidthResizeEnd,\n onHeightResizeEnd,\n horizontalHandleProps,\n verticalHandleProps,\n ...otherProps\n }: BoxProps,\n ref\n) {\n const As = as as React.ElementType;\n const boxRef = useRef<HTMLElement | null>(null);\n const forkedRef = useForkRef(ref, boxRef);\n const hasHorizontalResize =\n enableResizeOnEnd || enableResizeOnStart || enableResizeOnLeft || enableResizeOnRight;\n const hasVerticalResize = enableResizeOnBottom || enableResizeOnTop;\n\n const cannotHorizontalFlex = hasHorizontalResize;\n const cannotVerticalFlex = hasVerticalResize;\n const warnHorizontalFlex = cannotHorizontalFlex && width === 'flex';\n const warnVerticalFlex = cannotVerticalFlex && height === 'flex';\n const isFlexing =\n !warnHorizontalFlex && !warnVerticalFlex && (width === 'flex' || height === 'flex');\n\n if (warnHorizontalFlex) {\n width = '100%';\n // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n console.warn('You cannot have a resizable box and flex simultaneously');\n }\n\n if (warnVerticalFlex) {\n height = 'auto';\n // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n console.warn('You cannot have a resizable box and flex simultaneously');\n }\n\n const propStyles = {\n width: !isCustomSizeProp(width) ? width : undefined,\n minWidth,\n maxWidth,\n height: !isCustomSizeProp(height) ? height : undefined,\n minHeight,\n maxHeight,\n padding,\n paddingInline,\n paddingBlock,\n margin,\n marginBlock,\n marginInline,\n marginInlineStart,\n marginInlineEnd,\n marginTop,\n marginBottom,\n overflow,\n overflowX,\n overflowY,\n zIndex,\n };\n\n return (\n <As\n data-enabled-resize-on-start={String(enableResizeOnStart)}\n data-enabled-resize-on-end={String(enableResizeOnEnd)}\n data-enabled-resize-on-top={String(enableResizeOnTop)}\n data-enabled-resize-on-bottom={String(enableResizeOnBottom)}\n data_enabled-resize-on-left={String(enableResizeOnLeft)}\n data_enabled-resize-on-right={String(enableResizeOnRight)}\n data-height={height}\n data-width={width}\n ref={forkedRef}\n style={{\n ...removeUndefinedProperties(propStyles),\n ...style,\n }}\n className={clsx(\n styles['box'],\n className,\n isFlexing && 'stack-flex',\n isFlexing && styles['stack-flex'],\n 'box'\n )}\n {...otherProps}\n >\n {children}\n {enableResizeOnTop && (\n <TopResizeHandle\n onHeightResize={onHeightResize}\n onHeightResizeEnd={onHeightResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnBottom && (\n <BottomResizeHandle\n onHeightResize={onHeightResize}\n onHeightResizeEnd={onHeightResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n {enableResizeOnStart && (\n <StartResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnEnd && (\n <EndResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={horizontalHandleProps}\n />\n )}\n {enableResizeOnLeft && (\n <LeftResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n {enableResizeOnRight && (\n <RightResizeHandle\n onWidthResize={onWidthResize}\n onWidthResizeEnd={onWidthResizeEnd}\n targetRef={boxRef}\n handleProps={verticalHandleProps}\n />\n )}\n </As>\n );\n});\n"],"names":["Box","React","style","className","as","children","width","minWidth","maxWidth","height","minHeight","maxHeight","zIndex","padding","paddingInline","paddingBlock","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","overflow","overflowX","overflowY","enableResizeOnTop","enableResizeOnEnd","enableResizeOnBottom","enableResizeOnStart","enableResizeOnLeft","enableResizeOnRight","onWidthResize","onHeightResize","onWidthResizeEnd","onHeightResizeEnd","horizontalHandleProps","verticalHandleProps","otherProps","ref","As","boxRef","useRef","forkedRef","useForkRef","hasHorizontalResize","hasVerticalResize","cannotHorizontalFlex","cannotVerticalFlex","warnHorizontalFlex","warnVerticalFlex","isFlexing","propStyles","isCustomSizeProp","jsxs","removeUndefinedProperties","clsx","styles","jsx","TopResizeHandle","BottomResizeHandle","StartResizeHandle","EndResizeHandle","LeftResizeHandle","RightResizeHandle"],"mappings":"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"}
@@ -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;AAG1B,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,+EAcf,CAAC"}
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,20 +1,11 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { VStack as s } from "../../stacks/v_stack.js";
3
- import { clsx as m } from "clsx";
4
- import e from "react";
5
- import '../../card.css';const n = "_card_a3c9492", f = { card: n }, u = e.forwardRef(function({ children: r, className: o, ...c }, t) {
6
- return /* @__PURE__ */ a(
7
- s,
8
- {
9
- ref: t,
10
- as: "section",
11
- className: m(o, f.card, "card"),
12
- ...c,
13
- children: r
14
- }
15
- );
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 });
16
7
  });
17
8
  export {
18
- u as Card
9
+ x as Card
19
10
  };
20
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';\nimport styles from './card.module.css';\n\nexport interface CardProps extends Omit<VStackProps, 'as' | 'children'> {\n children?: React.ReactNode;\n}\n\nexport const Card = React.forwardRef<HTMLElement, CardProps>(function VPanel(\n { children, className, ...props }: CardProps,\n ref\n) {\n return (\n <VStack\n ref={ref}\n as=\"section\"\n className={clsx(className, styles.card, 'card')}\n {...props}\n >\n {children}\n </VStack>\n );\n});\n"],"names":["Card","React","children","className","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4CASaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKL,GAAWM,EAAO,MAAM,MAAM;AAAA,MAC7C,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
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;"}
@@ -4,16 +4,16 @@ import { clsx as s } from "clsx";
4
4
  import { Spacer as N } from "../../stacks/spacer.js";
5
5
  import { VStack as T } from "../../stacks/v_stack.js";
6
6
  import { ZStack as R } from "../../stacks/z_stack.js";
7
- import { P as j } from "../../portal-qqIp4SIl.js";
7
+ import { Portal as j } from "../../overlay/portal/portal.js";
8
8
  import { BodyText as B } from "../../typography/body_text/body_text.js";
9
9
  import "../../callout.module-D8ECmxpO.js";
10
10
  import "../../caption.module-DDq0H4xZ.js";
11
11
  import "../../footnote.module-DEyFuqOr.js";
12
12
  import "../../headline.module-BiwHBtGf.js";
13
13
  import "../../subheadline.module-C-v7zMkQ.js";
14
- import { Title as P } from "../../typography/title/title.js";
14
+ import { Title as b } from "../../typography/title/title.js";
15
15
  import { Box as c } from "../../stacks/box/box.js";
16
- import '../../confirm.css';const b = "_confirm_e53f865", v = "_shake_d5d9154", z = "_actions_b7ffee5", m = { confirm: b, shake: v, actions: z }, U = w.forwardRef(function({
16
+ import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A = "_actions_b7ffee5", m = { confirm: v, shake: z, actions: A }, U = w.forwardRef(function({
17
17
  open: a,
18
18
  graphic: f,
19
19
  title: h,
@@ -48,7 +48,7 @@ import '../../confirm.css';const b = "_confirm_e53f865", v = "_shake_d5d9154", z
48
48
  ...k,
49
49
  children: /* @__PURE__ */ i(T, { hAlign: "center", children: [
50
50
  f,
51
- /* @__PURE__ */ r(P, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
51
+ /* @__PURE__ */ r(b, { className: "confirm-title", emphasis: "strong", size: "sm", children: h }),
52
52
  /* @__PURE__ */ r(B, { className: "confirm-description", hierarchy: "tertiary", children: l }),
53
53
  /* @__PURE__ */ r(N, { height: "16px" }),
54
54
  /* @__PURE__ */ r(c, { className: s(m.actions, "confirm-actions"), height: "auto", children: p })
@@ -1,15 +1,15 @@
1
1
  export * from './alert/alert.js';
2
2
  export * from './card/card.js';
3
3
  export * from './confirm/confirm.js';
4
- export * from './modal/modal.js';
5
4
  export * from './page/h_page.js';
6
5
  export * from './page/v_page.js';
7
6
  export * from './panel/h_panel.js';
8
7
  export * from './panel/v_panel.js';
9
8
  export * from './popover/popover.js';
10
- export * from './window/window.js';
11
9
  export * from './drawers/drawer_bottom/drawer_bottom.js';
12
10
  export * from './drawers/drawer_top/drawer_top.js';
13
11
  export * from './drawers/drawer_start/drawer_start.js';
14
12
  export * from './drawers/drawer_end/drawer_end.js';
13
+ export { Window, type WindowProps } from './window/window.js';
14
+ export { Modal, type ModalProps } from './modal/modal.js';
15
15
  //# 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,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,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"}
@@ -1,31 +1,31 @@
1
1
  import { Alert as e } from "./alert/alert.js";
2
2
  import { Card as m } from "./card/card.js";
3
3
  import { Confirm as f } from "./confirm/confirm.js";
4
- import { Modal as a } from "./modal/modal.js";
5
- import { HPage as w } from "./page/h_page.js";
6
- import { VPage as d } from "./page/v_page.js";
7
- import { HPanel as D } from "./panel/h_panel.js";
8
- import { VPanel as i } from "./panel/v_panel.js";
9
- import { Popover as H } from "./popover/popover.js";
10
- import { Window as v } from "./window/window.js";
11
- import { DrawerBottom as B } from "./drawers/drawer_bottom/drawer_bottom.js";
12
- import { DrawerTop as M } from "./drawers/drawer_top/drawer_top.js";
13
- import { DrawerStart as T } from "./drawers/drawer_start/drawer_start.js";
14
- import { DrawerEnd as b } from "./drawers/drawer_end/drawer_end.js";
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";
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";
14
+ import { Modal as b } from "./modal/modal.js";
15
15
  export {
16
16
  e as Alert,
17
17
  m as Card,
18
18
  f as Confirm,
19
- B as DrawerBottom,
20
- b as DrawerEnd,
21
- T as DrawerStart,
22
- M as DrawerTop,
23
- w as HPage,
24
- D as HPanel,
25
- a as Modal,
26
- H as Popover,
27
- d as VPage,
28
- i as VPanel,
29
- v as Window
19
+ H as DrawerBottom,
20
+ M as DrawerEnd,
21
+ B as DrawerStart,
22
+ v as DrawerTop,
23
+ a as HPage,
24
+ d as HPanel,
25
+ b as Modal,
26
+ i as Popover,
27
+ w as VPage,
28
+ D as VPanel,
29
+ T as Window
30
30
  };
31
31
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,6 @@
1
1
  import { VStackProps } from '../../stacks/v_stack.js';
2
2
  import { default as React } from 'react';
3
- export type ModalProps = Omit<VStackProps<HTMLDialogElement>, 'as'>;
4
- export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
3
+ 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>>;
5
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;AAG1B,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;AAEpE,eAAO,MAAM,KAAK,sFAchB,CAAC"}
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"}