@tcn/ui 0.7.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/dist/{Color-6BZIO3FS-CWWwv-fq.js → Color-6BZIO3FS-C9xkPWgz.js} +2 -2
  2. package/dist/{Color-6BZIO3FS-CWWwv-fq.js.map → Color-6BZIO3FS-C9xkPWgz.js.map} +1 -1
  3. package/dist/{WithTooltip-65CFNBJE-DvcUZizH.js → WithTooltip-65CFNBJE-DEnh547F.js} +2 -2
  4. package/dist/{WithTooltip-65CFNBJE-DvcUZizH.js.map → WithTooltip-65CFNBJE-DEnh547F.js.map} +1 -1
  5. package/dist/actions/__docs__/components/showcase.js +1 -1
  6. package/dist/actions/index.d.ts +1 -0
  7. package/dist/actions/index.d.ts.map +1 -1
  8. package/dist/actions/index.js +8 -6
  9. package/dist/actions/index.js.map +1 -1
  10. package/dist/body.css +1 -0
  11. package/dist/form/field_presenters/field_presenter.d.ts +2 -2
  12. package/dist/form/field_presenters/field_presenter.d.ts.map +1 -1
  13. package/dist/form/field_presenters/field_presenter.js.map +1 -1
  14. package/dist/formatter-EIJCOSYU-DWmgEY3b.js +6 -0
  15. package/dist/{formatter-EIJCOSYU-D6nmx63h.js.map → formatter-EIJCOSYU-DWmgEY3b.js.map} +1 -1
  16. package/dist/inputs/color_input/color_input.js +10 -9
  17. package/dist/inputs/color_input/color_input.js.map +1 -1
  18. package/dist/inputs/date_picker/date_picker_header.js +7 -6
  19. package/dist/inputs/date_picker/date_picker_header.js.map +1 -1
  20. package/dist/inputs/date_picker/date_picker_input.js +3 -2
  21. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  22. package/dist/inputs/date_picker/date_picker_time_selector.js +3 -2
  23. package/dist/inputs/date_picker/date_picker_time_selector.js.map +1 -1
  24. package/dist/inputs/date_picker/date_picker_year_input.js +6 -5
  25. package/dist/inputs/date_picker/date_picker_year_input.js.map +1 -1
  26. package/dist/inputs/date_picker/date_picker_year_selector.js +3 -2
  27. package/dist/inputs/date_picker/date_picker_year_selector.js.map +1 -1
  28. package/dist/inputs/multiselect/multiselect_inline_values.js +8 -7
  29. package/dist/inputs/multiselect/multiselect_inline_values.js.map +1 -1
  30. package/dist/inputs/multiselect/multiselect_values.js +3 -2
  31. package/dist/inputs/multiselect/multiselect_values.js.map +1 -1
  32. package/dist/inputs/phone_number_input/phone_number_input.js +44 -43
  33. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  34. package/dist/inputs/select/select.js +3 -2
  35. package/dist/inputs/select/select.js.map +1 -1
  36. package/dist/inputs/suggestions/suggestion_list.js +3 -2
  37. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  38. package/dist/layouts/body/body.d.ts +6 -0
  39. package/dist/layouts/body/body.d.ts.map +1 -0
  40. package/dist/layouts/body/body.js +21 -0
  41. package/dist/layouts/body/body.js.map +1 -0
  42. package/dist/layouts/index.d.ts +5 -0
  43. package/dist/layouts/index.d.ts.map +1 -1
  44. package/dist/layouts/index.js +38 -22
  45. package/dist/layouts/index.js.map +1 -1
  46. package/dist/layouts/rail/main/main.d.ts +6 -0
  47. package/dist/layouts/rail/main/main.d.ts.map +1 -0
  48. package/dist/layouts/rail/main/main.js +21 -0
  49. package/dist/layouts/rail/main/main.js.map +1 -0
  50. package/dist/layouts/rail/rail.d.ts +9 -0
  51. package/dist/layouts/rail/rail.d.ts.map +1 -0
  52. package/dist/layouts/rail/rail.js +55 -0
  53. package/dist/layouts/rail/rail.js.map +1 -0
  54. package/dist/layouts/rail/side/side.d.ts +6 -0
  55. package/dist/layouts/rail/side/side.d.ts.map +1 -0
  56. package/dist/layouts/rail/side/side.js +21 -0
  57. package/dist/layouts/rail/side/side.js.map +1 -0
  58. package/dist/layouts/rail/utility_strip/utility_strip.d.ts +9 -0
  59. package/dist/layouts/rail/utility_strip/utility_strip.d.ts.map +1 -0
  60. package/dist/layouts/rail/utility_strip/utility_strip.js +32 -0
  61. package/dist/layouts/rail/utility_strip/utility_strip.js.map +1 -0
  62. package/dist/layouts/scaffold/scaffold.js +31 -31
  63. package/dist/layouts/scaffold/scaffold.js.map +1 -1
  64. package/dist/layouts/table/table.d.ts +27 -0
  65. package/dist/layouts/table/table.d.ts.map +1 -0
  66. package/dist/layouts/table/table.js +70 -0
  67. package/dist/layouts/table/table.js.map +1 -0
  68. package/dist/main.css +1 -0
  69. package/dist/navigation/tabs/primitives/tabs_list.d.ts.map +1 -1
  70. package/dist/navigation/tabs/primitives/tabs_list.js +61 -21
  71. package/dist/navigation/tabs/primitives/tabs_list.js.map +1 -1
  72. package/dist/navigation/tabs/state/link/tab_link.d.ts.map +1 -1
  73. package/dist/navigation/tabs/state/link/tab_link.js +20 -17
  74. package/dist/navigation/tabs/state/link/tab_link.js.map +1 -1
  75. package/dist/navigation/tabs/state/tab.d.ts.map +1 -1
  76. package/dist/navigation/tabs/state/tab.js +8 -3
  77. package/dist/navigation/tabs/state/tab.js.map +1 -1
  78. package/dist/rail.css +1 -0
  79. package/dist/scaffold.css +1 -1
  80. package/dist/{showcase-DK557szS.js → showcase-y9D3_Y8T.js} +3413 -3396
  81. package/dist/showcase-y9D3_Y8T.js.map +1 -0
  82. package/dist/side.css +1 -0
  83. package/dist/stacks/box/box.d.ts +2 -2
  84. package/dist/stacks/box/box.d.ts.map +1 -1
  85. package/dist/stacks/box/box.js.map +1 -1
  86. package/dist/stacks/story_components/style_box.d.ts +1 -1
  87. package/dist/stacks/story_components/style_box.d.ts.map +1 -1
  88. package/dist/surfaces/alert/alert.js +3 -2
  89. package/dist/surfaces/alert/alert.js.map +1 -1
  90. package/dist/surfaces/pop_confirm/pop_confirm.js +13 -2
  91. package/dist/surfaces/pop_confirm/pop_confirm.js.map +1 -1
  92. package/dist/{syntaxhighlighter-ED5Y7EFY-DaMS-2cF.js → syntaxhighlighter-ED5Y7EFY-CqInEOwQ.js} +2 -2
  93. package/dist/{syntaxhighlighter-ED5Y7EFY-DaMS-2cF.js.map → syntaxhighlighter-ED5Y7EFY-CqInEOwQ.js.map} +1 -1
  94. package/dist/table.css +1 -0
  95. package/dist/table.module-BtSxOntS.js +5 -0
  96. package/dist/table.module-BtSxOntS.js.map +1 -0
  97. package/dist/themes/themes/ergo/ergo_theme.css +1 -1
  98. package/dist/themes/themes/ergo/ergo_theme.js +179 -44
  99. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  100. package/dist/utility_strip.css +1 -0
  101. package/package.json +2 -2
  102. package/src/actions/index.ts +1 -0
  103. package/src/form/field_presenters/field_presenter.ts +3 -3
  104. package/src/layouts/__stories__/composed.stories.tsx +113 -0
  105. package/src/layouts/__stories__/composed_stories.module.css +142 -0
  106. package/src/layouts/__stories__/utils.tsx +174 -0
  107. package/src/layouts/body/body.module.css +11 -0
  108. package/src/layouts/body/body.tsx +23 -0
  109. package/src/layouts/index.ts +10 -0
  110. package/src/layouts/rail/__stories__/rail.stories.tsx +64 -0
  111. package/src/layouts/rail/__stories__/rail_stories.module.css +25 -0
  112. package/src/layouts/rail/main/main.module.css +7 -0
  113. package/src/layouts/rail/main/main.tsx +26 -0
  114. package/src/layouts/rail/rail.module.css +10 -0
  115. package/src/layouts/rail/rail.tsx +62 -0
  116. package/src/layouts/rail/side/side.module.css +8 -0
  117. package/src/layouts/rail/side/side.tsx +25 -0
  118. package/src/layouts/rail/utility_strip/utility_strip.module.css +6 -0
  119. package/src/layouts/rail/utility_strip/utility_strip.tsx +40 -0
  120. package/src/layouts/scaffold/__stories__/scaffold.stories.tsx +53 -0
  121. package/src/layouts/scaffold/__stories__/scaffold_stories.module.css +31 -0
  122. package/src/layouts/scaffold/scaffold.module.css +4 -0
  123. package/src/layouts/table/__stories__/mock_data.ts +420 -0
  124. package/src/layouts/table/__stories__/table.stories.tsx +326 -0
  125. package/src/layouts/table/__stories__/table_stories.module.css +30 -0
  126. package/src/layouts/table/table.module.css +37 -0
  127. package/src/layouts/table/table.tsx +132 -0
  128. package/src/navigation/tabs/primitives/tabs_list.tsx +46 -2
  129. package/src/navigation/tabs/state/link/tab_link.tsx +4 -1
  130. package/src/navigation/tabs/state/tab.tsx +10 -0
  131. package/src/stacks/box/box.tsx +1 -1
  132. package/src/surfaces/modal/__stories__/modal.stories.tsx +5 -5
  133. package/src/surfaces/panel/__stories__/panel.stories.tsx +114 -1
  134. package/src/surfaces/pop_confirm/pop_confirm.stories.tsx +4 -2
  135. package/src/themes/themes/ergo/ergo_theme.css +178 -43
  136. package/dist/formatter-EIJCOSYU-D6nmx63h.js +0 -6
  137. package/dist/showcase-DK557szS.js.map +0 -1
@@ -0,0 +1,21 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { VStack as m } from "../../stacks/v_stack.js";
3
+ import s from "react";
4
+ import { clsx as d } from "clsx";
5
+ import '../../body.css';const i = "_body_42a1eac", e = "_tcn-main_5114d87", f = { body: i, "tcn-main": e }, u = s.forwardRef(function({ children: o, className: t, overflowY: c = "auto", ...n }, a) {
6
+ return /* @__PURE__ */ r(
7
+ m,
8
+ {
9
+ ref: a,
10
+ as: "div",
11
+ overflowY: c,
12
+ className: d(f.body, t, "tcn-body"),
13
+ ...n,
14
+ children: o
15
+ }
16
+ );
17
+ });
18
+ export {
19
+ u as Body
20
+ };
21
+ //# sourceMappingURL=body.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\n\nexport interface BodyProps extends Omit<VStackProps, 'as'> {}\n\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n { children, className, overflowY = 'auto', ...props }: BodyProps,\n ref\n) {\n return (\n <VStack\n ref={ref}\n as=\"div\"\n overflowY={overflowY}\n className={clsx(styles['body'], className, 'tcn-body')}\n {...props}\n >\n {children}\n </VStack>\n );\n});\n"],"names":["Body","React","children","className","overflowY","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;oFAOaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,MAASP,GAAW,UAAU;AAAA,MACpD,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -14,4 +14,9 @@ export { UtilityBar, type UtilityBarProps } from './utility_bar/utility_bar.js';
14
14
  export { Row } from './row/row.js';
15
15
  export { Section } from './section/section.js';
16
16
  export { Heading, type HeadingOwnProps } from './section/heading.js';
17
+ export { TTable, THead, TBody, TFoot, TR, TH, TD } from './table/table.js';
18
+ export { Rail, type RailProps } from './rail/rail.js';
19
+ export { Main, type MainProps } from './rail/main/main.js';
20
+ export { Side, type SideProps } from './rail/side/side.js';
21
+ export { UtilityStrip, type UtilityStripProps, } from './rail/utility_strip/utility_strip.js';
17
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}
@@ -1,35 +1,51 @@
1
1
  import { Column as e } from "./column/column.js";
2
2
  import { Divider as f } from "./divider/divider.js";
3
3
  import { Grid as p } from "./grid/grid.js";
4
- import { Item as d } from "./list/item.js";
4
+ import { Item as i } from "./list/item.js";
5
5
  import { List as a } from "./list/list.js";
6
- import { SidebarEnd as n } from "./sidebar_end/sidebar_end.js";
7
- import { SidebarStart as y } from "./sidebar_start/sidebar_start.js";
6
+ import { SidebarEnd as S } from "./sidebar_end/sidebar_end.js";
7
+ import { SidebarStart as n } from "./sidebar_start/sidebar_start.js";
8
8
  import { Scaffold as H } from "./scaffold/scaffold.js";
9
- import { HBody as c } from "./body/h_body.js";
10
- import { VBody as s } from "./body/v_body.js";
11
- import { Footer as v } from "./footer/footer.js";
12
- import { Header as C } from "./header/header.js";
13
- import { UtilityBar as E } from "./utility_bar/utility_bar.js";
14
- import { Row as G } from "./row/row.js";
15
- import { Section as L } from "./section/section.js";
16
- import { Heading as U } from "./section/heading.js";
9
+ import { HBody as b } from "./body/h_body.js";
10
+ import { VBody as c } from "./body/v_body.js";
11
+ import { Footer as F } from "./footer/footer.js";
12
+ import { Header as g } from "./header/header.js";
13
+ import { UtilityBar as u } from "./utility_bar/utility_bar.js";
14
+ import { Row as w } from "./row/row.js";
15
+ import { Section as E } from "./section/section.js";
16
+ import { Heading as I } from "./section/heading.js";
17
+ import { TBody as M, TD as V, TFoot as h, TH as j, THead as k, TR as q, TTable as z } from "./table/table.js";
18
+ import { Rail as J } from "./rail/rail.js";
19
+ import { Main as N } from "./rail/main/main.js";
20
+ import { Side as P } from "./rail/side/side.js";
21
+ import { UtilityStrip as W } from "./rail/utility_strip/utility_strip.js";
17
22
  export {
18
23
  e as Column,
19
24
  f as Divider,
20
- v as Footer,
25
+ F as Footer,
21
26
  p as Grid,
22
- c as HBody,
23
- C as Header,
24
- U as Heading,
25
- d as Item,
27
+ b as HBody,
28
+ g as Header,
29
+ I as Heading,
30
+ i as Item,
26
31
  a as List,
27
- G as Row,
32
+ N as Main,
33
+ J as Rail,
34
+ w as Row,
28
35
  H as Scaffold,
29
- L as Section,
30
- n as SidebarEnd,
31
- y as SidebarStart,
32
- E as UtilityBar,
33
- s as VBody
36
+ E as Section,
37
+ P as Side,
38
+ S as SidebarEnd,
39
+ n as SidebarStart,
40
+ M as TBody,
41
+ V as TD,
42
+ h as TFoot,
43
+ j as TH,
44
+ k as THead,
45
+ q as TR,
46
+ z as TTable,
47
+ u as UtilityBar,
48
+ W as UtilityStrip,
49
+ c as VBody
34
50
  };
35
51
  //# 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":";;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { HStackProps } from '../../../stacks/h_stack.js';
3
+ export interface MainProps extends Omit<HStackProps, 'as'> {
4
+ }
5
+ export declare const Main: React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLElement>>;
6
+ //# sourceMappingURL=main.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/main/main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAG7D,eAAO,MAAM,IAAI,+EAef,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import i from "react";
3
+ import { clsx as c } from "clsx";
4
+ import { HStack as s } from "../../../stacks/h_stack.js";
5
+ import '../../../main.css';const e = "_main_bc17de6", f = { main: e }, x = i.forwardRef(function({ children: t, className: o, overflowX: a = "auto", ...m }, n) {
6
+ return /* @__PURE__ */ r(
7
+ s,
8
+ {
9
+ ref: n,
10
+ as: "div",
11
+ overflowX: a,
12
+ className: c(f.main, o, "tcn-main"),
13
+ ...m,
14
+ children: t
15
+ }
16
+ );
17
+ });
18
+ export {
19
+ x as Main
20
+ };
21
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../src/layouts/rail/main/main.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\n\n// Styles\nimport styles from './main.module.css';\n\nexport interface MainProps extends Omit<HStackProps, 'as'> {}\n\n// WIP: This component is not fully implemented.\nexport const Main = React.forwardRef<HTMLElement, MainProps>(function Main(\n { children, className, overflowX = 'auto', ...props }: MainProps,\n ref\n) {\n return (\n <HStack\n ref={ref}\n as=\"div\"\n overflowX={overflowX}\n className={clsx(styles['main'], className, 'tcn-main')}\n {...props}\n >\n {children}\n </HStack>\n );\n});\n"],"names":["Main","React","children","className","overflowX","props","ref","jsx","HStack","clsx","styles"],"mappings":";;;;4CAUaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAKC,EAAO,MAASP,GAAW,UAAU;AAAA,MACpD,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -0,0 +1,9 @@
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 RailProps extends Omit<BoxProps, 'as'> {
5
+ vAlign?: Alignment;
6
+ hAlign?: Alignment;
7
+ }
8
+ export declare const Rail: React.ForwardRefExoticComponent<RailProps & React.RefAttributes<HTMLElement>>;
9
+ //# sourceMappingURL=rail.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rail.d.ts","sourceRoot":"","sources":["../../../src/layouts/rail/rail.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;AAMjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAGD,eAAO,MAAM,IAAI,+EA8Cf,CAAC"}
@@ -0,0 +1,55 @@
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import p from "react";
3
+ import { clsx as e } from "clsx";
4
+ import { Box as _ } from "../../stacks/box/box.js";
5
+ import { HStack as y } from "../../stacks/h_stack.js";
6
+ import '../../rail.css';const R = "_rail-stack_76bc40f", b = "_tcn-body_a4d9cc2", u = { "rail-stack": R, "tcn-body": b }, z = p.forwardRef(function({
7
+ children: i,
8
+ width: m,
9
+ height: f = "100%",
10
+ minWidth: t,
11
+ maxWidth: a,
12
+ minHeight: c,
13
+ maxHeight: r,
14
+ hAlign: o = "start",
15
+ vAlign: s = "start",
16
+ className: d,
17
+ ...k
18
+ }, n) {
19
+ return /* @__PURE__ */ l(
20
+ _,
21
+ {
22
+ ref: n,
23
+ width: m,
24
+ height: f,
25
+ minWidth: t,
26
+ maxWidth: a,
27
+ minHeight: c,
28
+ maxHeight: r,
29
+ "data-h-alignment": o,
30
+ "data-v-alignment": s,
31
+ className: e(d, "tcn-rail"),
32
+ ...k,
33
+ children: /* @__PURE__ */ l(
34
+ y,
35
+ {
36
+ as: "section",
37
+ minWidth: t,
38
+ maxWidth: a,
39
+ minHeight: c,
40
+ maxHeight: r,
41
+ hAlign: o,
42
+ vAlign: s,
43
+ ref: n,
44
+ className: e(u["rail-stack"], "tcn-rail-stack"),
45
+ zIndex: 0,
46
+ children: i
47
+ }
48
+ )
49
+ }
50
+ );
51
+ });
52
+ export {
53
+ z as Rail
54
+ };
55
+ //# sourceMappingURL=rail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rail.js","sources":["../../../src/layouts/rail/rail.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 { HStack } from '../../stacks/h_stack.js';\n\n// Styles\nimport styles from './rail.module.css';\n\nexport interface RailProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\n// WIP: This component is not fully implemented.\nexport const Rail = React.forwardRef<HTMLElement, RailProps>(function Rail(\n {\n children,\n width,\n height = '100%',\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign = 'start',\n vAlign = 'start',\n className,\n ...props\n }: RailProps,\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, 'tcn-rail')}\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(styles['rail-stack'], 'tcn-rail-stack')}\n zIndex={0}\n >\n {children}\n </HStack>\n </Box>\n );\n});\n"],"names":["Rail","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","HStack","styles"],"mappings":";;;;;kGAeaA,IAAOC,EAAM,WAAmC,SAC3D;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,IAAS;AAAA,EACT,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,UAAU;AAAA,MACpC,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,EAAKE,EAAO,YAAY,GAAG,gBAAgB;AAAA,UACtD,QAAQ;AAAA,UAEP,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { VStackProps } from '../../../stacks/v_stack.js';
3
+ export interface SideProps extends Omit<VStackProps, 'as'> {
4
+ }
5
+ export declare const Side: React.ForwardRefExoticComponent<SideProps & React.RefAttributes<HTMLElement>>;
6
+ //# sourceMappingURL=side.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/side/side.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE7D,eAAO,MAAM,IAAI,+EAef,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import c from "react";
3
+ import { clsx as f } from "clsx";
4
+ import { VStack as m } from "../../../stacks/v_stack.js";
5
+ import '../../../side.css';const a = "_side_499f5c3", n = { side: a }, x = c.forwardRef(function({ children: t, className: o, width: s = "auto", ...i }, r) {
6
+ return /* @__PURE__ */ e(
7
+ m,
8
+ {
9
+ ref: r,
10
+ className: f(n.side, "tcn-side", o),
11
+ as: "section",
12
+ width: s,
13
+ ...i,
14
+ children: t
15
+ }
16
+ );
17
+ });
18
+ export {
19
+ x as Side
20
+ };
21
+ //# sourceMappingURL=side.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"side.js","sources":["../../../../src/layouts/rail/side/side.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './side.module.css';\n\n// UtilityBar\nexport interface SideProps extends Omit<VStackProps, 'as'> {}\n\nexport const Side = React.forwardRef<HTMLElement, SideProps>(function UtilityStrip(\n { children, className, width = 'auto', ...props }: SideProps,\n ref\n) {\n return (\n <VStack\n ref={ref}\n className={clsx(styles['side'], 'tcn-side', className)}\n as=\"section\"\n width={width}\n {...props}\n >\n {children}\n </VStack>\n );\n});\n"],"names":["Side","React","children","className","width","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;4CASaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,QAAQ,GAAGC,EAAA,GAC1CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKC,EAAO,MAAS,YAAYP,CAAS;AAAA,MACrD,IAAG;AAAA,MACH,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ import { Hierarchy, Size } from '../../../utils/index.js';
3
+ import { VStackProps } from '../../../stacks/v_stack.js';
4
+ export interface UtilityStripProps extends Omit<VStackProps, 'as'> {
5
+ hierarchy?: Hierarchy;
6
+ size?: Size;
7
+ }
8
+ export declare const UtilityStrip: React.ForwardRefExoticComponent<UtilityStripProps & React.RefAttributes<HTMLElement>>;
9
+ //# sourceMappingURL=utility_strip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utility_strip.d.ts","sourceRoot":"","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,YAAY,uFA0BxB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import c from "react";
3
+ import { clsx as l } from "clsx";
4
+ import { VStack as m } from "../../../stacks/v_stack.js";
5
+ import '../../../utility_strip.css';const y = "_utility-strip_23b31df", f = { "utility-strip": y }, h = c.forwardRef(
6
+ function({
7
+ children: t,
8
+ className: i,
9
+ width: r = "auto",
10
+ hierarchy: o = "secondary",
11
+ size: s = "md",
12
+ ...a
13
+ }, e) {
14
+ return /* @__PURE__ */ p(
15
+ m,
16
+ {
17
+ ref: e,
18
+ as: "header",
19
+ className: l(f["utility-strip"], "tcn-utility-strip", i),
20
+ "data-hierarchy": o,
21
+ "data-size": s,
22
+ width: r,
23
+ ...a,
24
+ children: t
25
+ }
26
+ );
27
+ }
28
+ );
29
+ export {
30
+ h as UtilityStrip
31
+ };
32
+ //# sourceMappingURL=utility_strip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utility_strip.js","sources":["../../../../src/layouts/rail/utility_strip/utility_strip.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { VStack, type VStackProps } from '../../../stacks/v_stack.js';\n\nimport styles from './utility_strip.module.css';\n\n// UtilityBar\nexport interface UtilityStripProps extends Omit<VStackProps, 'as'> {\n hierarchy?: Hierarchy;\n size?: Size;\n}\n\nexport const UtilityStrip = React.forwardRef<HTMLElement, UtilityStripProps>(\n function UtilityStrip(\n {\n children,\n className,\n width = 'auto',\n hierarchy = 'secondary',\n size = 'md',\n ...props\n }: UtilityStripProps,\n ref\n ) {\n return (\n <VStack\n ref={ref}\n as=\"header\"\n className={clsx(styles['utility-strip'], 'tcn-utility-strip', className)}\n data-hierarchy={hierarchy}\n data-size={size}\n width={width}\n {...props}\n >\n {children}\n </VStack>\n );\n }\n);\n"],"names":["UtilityStrip","React","children","className","width","hierarchy","size","props","ref","jsx","VStack","clsx","styles"],"mappings":";;;;gEAaaA,IAAeC,EAAM;AAAA,EAChC,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG,EAAKC,EAAO,eAAe,GAAG,qBAAqBT,CAAS;AAAA,QACvE,kBAAgBE;AAAA,QAChB,aAAWC;AAAA,QACX,OAAAF;AAAA,QACC,GAAGG;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
@@ -1,55 +1,55 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import S from "react";
3
- import { clsx as d } from "clsx";
4
- import { Box as _ } from "../../stacks/box/box.js";
5
- import { VStack as u } from "../../stacks/v_stack.js";
6
- import '../../scaffold.css';const x = "_scaffold-stack_8f97a6a", i = { "scaffold-stack": x }, B = S.forwardRef(function({
7
- children: n,
8
- width: e,
9
- height: m = "100%",
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import _ from "react";
3
+ import { clsx as l } from "clsx";
4
+ import { Box as i } from "../../stacks/box/box.js";
5
+ import { VStack as S } from "../../stacks/v_stack.js";
6
+ import '../../scaffold.css';const u = "_scaffold-stack_8f97a6a", x = "_tcn-main_8a04212", N = { "scaffold-stack": u, "tcn-main": x }, I = _.forwardRef(function({
7
+ children: d,
8
+ width: m,
9
+ height: e = "100%",
10
10
  minWidth: a,
11
11
  maxWidth: c,
12
- minHeight: o,
13
- maxHeight: f,
14
- hAlign: t,
12
+ minHeight: t,
13
+ maxHeight: o,
14
+ hAlign: f,
15
15
  vAlign: s = "start",
16
16
  className: k,
17
17
  ...p
18
- }, r) {
19
- return /* @__PURE__ */ l(
20
- _,
18
+ }, n) {
19
+ return /* @__PURE__ */ r(
20
+ i,
21
21
  {
22
- ref: r,
23
- width: e,
24
- height: m,
22
+ ref: n,
23
+ width: m,
24
+ height: e,
25
25
  minWidth: a,
26
26
  maxWidth: c,
27
- minHeight: o,
28
- maxHeight: f,
29
- "data-h-alignment": t,
27
+ minHeight: t,
28
+ maxHeight: o,
29
+ "data-h-alignment": f,
30
30
  "data-v-alignment": s,
31
- className: d(k, "tcn-scaffold"),
31
+ className: l(k, "tcn-scaffold"),
32
32
  ...p,
33
- children: /* @__PURE__ */ l(
34
- u,
33
+ children: /* @__PURE__ */ r(
34
+ S,
35
35
  {
36
36
  as: "section",
37
37
  minWidth: a,
38
38
  maxWidth: c,
39
- minHeight: o,
40
- maxHeight: f,
41
- hAlign: t,
39
+ minHeight: t,
40
+ maxHeight: o,
41
+ hAlign: f,
42
42
  vAlign: s,
43
- ref: r,
44
- className: d(i["scaffold-stack"], "tcn-scaffold-stack"),
43
+ ref: n,
44
+ className: l(N["scaffold-stack"], "tcn-scaffold-stack"),
45
45
  zIndex: 0,
46
- children: n
46
+ children: d
47
47
  }
48
48
  )
49
49
  }
50
50
  );
51
51
  });
52
52
  export {
53
- B as Scaffold
53
+ I as Scaffold
54
54
  };
55
55
  //# sourceMappingURL=scaffold.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.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 './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\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 }: ScaffoldProps,\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, 'tcn-scaffold')}\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(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n zIndex={0}\n >\n {children}\n </VStack>\n </Box>\n );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;kEAaaA,IAAWC,EAAM,WAAuC,SACnE;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,cAAc;AAAA,MACxC,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,EAAKE,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
1
+ {"version":3,"file":"scaffold.js","sources":["../../../src/layouts/scaffold/scaffold.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 './scaffold.module.css';\n\nexport interface ScaffoldProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const Scaffold = React.forwardRef<HTMLElement, ScaffoldProps>(function Scaffold(\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 }: ScaffoldProps,\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, 'tcn-scaffold')}\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(styles['scaffold-stack'], 'tcn-scaffold-stack')}\n zIndex={0}\n >\n {children}\n </VStack>\n </Box>\n );\n});\n"],"names":["Scaffold","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;0GAaaA,IAAWC,EAAM,WAAuC,SACnE;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,cAAc;AAAA,MACxC,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,EAAKE,EAAO,gBAAgB,GAAG,oBAAoB;AAAA,UAC9D,QAAQ;AAAA,UAEP,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
@@ -0,0 +1,27 @@
1
+ import { default as React } from 'react';
2
+ import { BoxProps } from '../../stacks/index.js';
3
+ export interface TTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
4
+ sticky?: boolean;
5
+ }
6
+ export declare const TTable: ({ children, className, sticky, ...props }: React.PropsWithChildren<TTableProps>) => import("react/jsx-runtime").JSX.Element;
7
+ export interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
8
+ }
9
+ export declare const THead: ({ children, className, ...props }: React.PropsWithChildren<THeadProps>) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const TBody: ({ children, className, ...props }: React.PropsWithChildren<React.HTMLAttributes<HTMLTableSectionElement>>) => import("react/jsx-runtime").JSX.Element;
11
+ export interface TFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
12
+ }
13
+ export declare const TFoot: ({ children, className, ...props }: React.PropsWithChildren<TFootProps>) => import("react/jsx-runtime").JSX.Element;
14
+ export interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {
15
+ isSelected?: boolean;
16
+ }
17
+ export declare const TR: ({ children, className, isSelected, ...props }: React.PropsWithChildren<TRProps>) => import("react/jsx-runtime").JSX.Element;
18
+ export interface CellSharedProps extends Omit<BoxProps<HTMLTableCellElement>, 'as'> {
19
+ fill?: boolean;
20
+ }
21
+ export interface THProps extends CellSharedProps, React.ThHTMLAttributes<HTMLTableCellElement> {
22
+ }
23
+ export declare const TH: ({ children, className, fill, ...props }: React.PropsWithChildren<THProps>) => import("react/jsx-runtime").JSX.Element;
24
+ export interface TDProps extends CellSharedProps, React.TdHTMLAttributes<HTMLTableCellElement> {
25
+ }
26
+ export declare const TD: ({ children, className, fill, ...props }: React.PropsWithChildren<TDProps>) => import("react/jsx-runtime").JSX.Element;
27
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/layouts/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAE9E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,GAAI,2CAKpB,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,4CAUtC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAGpF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAMrC,CAAC;AAGF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC,4CAMxE,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAGpF,eAAO,MAAM,KAAK,GAAI,mCAInB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAMrC,CAAC;AAEF,MAAM,WAAW,OAAQ,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,eAAO,MAAM,EAAE,GAAI,+CAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAWlC,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,OACf,SAAQ,eAAe,EACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAGnD,eAAO,MAAM,EAAE,GAAI,yCAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAMlC,CAAC;AAEF,MAAM,WAAW,OACf,SAAQ,eAAe,EACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAGnD,eAAO,MAAM,EAAE,GAAI,yCAKhB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,4CAMlC,CAAC"}
@@ -0,0 +1,70 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import e from "clsx";
3
+ import { s as c } from "../../table.module-BtSxOntS.js";
4
+ import { Box as l } from "../../stacks/box/box.js";
5
+ import "../../stacks/h_collapsible_box.js";
6
+ import "../../stacks/h_stack.js";
7
+ import "../../stacks/spacer.js";
8
+ import "../../stacks/v_collapsible_box.js";
9
+ import "../../stacks/v_stack.js";
10
+ import "../../stacks/z_stack.js";
11
+ const h = ({
12
+ children: s,
13
+ className: a,
14
+ sticky: t = !1,
15
+ ...o
16
+ }) => /* @__PURE__ */ r(
17
+ "table",
18
+ {
19
+ "data-is-sticky": t,
20
+ className: e("tcn-table", c.table, a),
21
+ ...o,
22
+ children: s
23
+ }
24
+ ), y = ({
25
+ children: s,
26
+ className: a,
27
+ ...t
28
+ }) => /* @__PURE__ */ r("thead", { className: e("tcn-thead", a), ...t, children: s }), x = ({
29
+ children: s,
30
+ className: a,
31
+ ...t
32
+ }) => /* @__PURE__ */ r("tbody", { className: e("tcn-tbody", a), ...t, children: s }), B = ({
33
+ children: s,
34
+ className: a,
35
+ ...t
36
+ }) => /* @__PURE__ */ r("tfoot", { className: e("tcn-tfoot", a), ...t, children: s }), H = ({
37
+ children: s,
38
+ className: a,
39
+ isSelected: t = !1,
40
+ ...o
41
+ }) => /* @__PURE__ */ r(
42
+ "tr",
43
+ {
44
+ className: e("tcn-tr", a),
45
+ "aria-selected": t,
46
+ "data-is-selected": t,
47
+ ...o,
48
+ children: s
49
+ }
50
+ ), j = ({
51
+ children: s,
52
+ className: a,
53
+ fill: t = !1,
54
+ ...o
55
+ }) => /* @__PURE__ */ r(l, { as: "th", "data-should-fill": t, className: e("tcn-th", a), ...o, children: s }), k = ({
56
+ children: s,
57
+ className: a,
58
+ fill: t = !1,
59
+ ...o
60
+ }) => /* @__PURE__ */ r("td", { "data-should-fill": t, className: e("tcn-td", a), ...o, children: s });
61
+ export {
62
+ x as TBody,
63
+ k as TD,
64
+ B as TFoot,
65
+ j as TH,
66
+ y as THead,
67
+ H as TR,
68
+ h as TTable
69
+ };
70
+ //# sourceMappingURL=table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.js","sources":["../../../src/layouts/table/table.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport styles from './table.module.css';\nimport { Box, type BoxProps } from '../../stacks/index.js';\n\nexport interface TTableProps extends React.TableHTMLAttributes<HTMLTableElement> {\n // Makes the header, footer and first and last column (th only) sticky\n sticky?: boolean;\n}\n\nexport const TTable = ({\n children,\n className,\n sticky = false,\n ...props\n}: React.PropsWithChildren<TTableProps>) => {\n return (\n <table\n data-is-sticky={sticky}\n className={clsx('tcn-table', styles.table, className)}\n {...props}\n >\n {children}\n </table>\n );\n};\n\nexport interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\n// Header\nexport const THead = ({\n children,\n className,\n ...props\n}: React.PropsWithChildren<THeadProps>) => {\n return (\n <thead className={clsx('tcn-thead', className)} {...props}>\n {children}\n </thead>\n );\n};\n\n// Body\nexport const TBody = ({\n children,\n className,\n ...props\n}: React.PropsWithChildren<React.HTMLAttributes<HTMLTableSectionElement>>) => {\n return (\n <tbody className={clsx('tcn-tbody', className)} {...props}>\n {children}\n </tbody>\n );\n};\n\nexport interface TFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {}\n\n// Footer\nexport const TFoot = ({\n children,\n className,\n ...props\n}: React.PropsWithChildren<TFootProps>) => {\n return (\n <tfoot className={clsx('tcn-tfoot', className)} {...props}>\n {children}\n </tfoot>\n );\n};\n\nexport interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {\n isSelected?: boolean;\n}\n\n// Row\nexport const TR = ({\n children,\n className,\n isSelected = false,\n ...props\n}: React.PropsWithChildren<TRProps>) => {\n return (\n <tr\n className={clsx('tcn-tr', className)}\n aria-selected={isSelected}\n data-is-selected={isSelected}\n {...props}\n >\n {children}\n </tr>\n );\n};\n\nexport interface CellSharedProps extends Omit<BoxProps<HTMLTableCellElement>, 'as'> {\n fill?: boolean;\n}\n\nexport interface THProps\n extends CellSharedProps,\n React.ThHTMLAttributes<HTMLTableCellElement> {}\n\n// Header Cell\nexport const TH = ({\n children,\n className,\n fill = false,\n ...props\n}: React.PropsWithChildren<THProps>) => {\n return (\n <Box as=\"th\" data-should-fill={fill} className={clsx('tcn-th', className)} {...props}>\n {children}\n </Box>\n );\n};\n\nexport interface TDProps\n extends CellSharedProps,\n React.TdHTMLAttributes<HTMLTableCellElement> {}\n\n// Data Cell\nexport const TD = ({\n children,\n className,\n fill = false,\n ...props\n}: React.PropsWithChildren<TDProps>) => {\n return (\n <td data-should-fill={fill} className={clsx('tcn-td', className)} {...props}>\n {children}\n </td>\n );\n};\n"],"names":["TTable","children","className","sticky","props","jsx","clsx","styles","THead","TBody","TFoot","TR","isSelected","TH","fill","Box","TD"],"mappings":";;;;;;;;;;AAUO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,kBAAgBF;AAAA,IAChB,WAAWG,EAAK,aAAaC,EAAO,OAAOL,CAAS;AAAA,IACnD,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAQMO,IAAQ,CAAC;AAAA,EACpB,UAAAP;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GAKSQ,IAAQ,CAAC;AAAA,EACpB,UAAAR;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GAOSS,IAAQ,CAAC;AAAA,EACpB,UAAAT;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAEI,gBAAAC,EAAC,WAAM,WAAWC,EAAK,aAAaJ,CAAS,GAAI,GAAGE,GACjD,UAAAH,GACH,GASSU,IAAK,CAAC;AAAA,EACjB,UAAAV;AAAA,EACA,WAAAC;AAAA,EACA,YAAAU,IAAa;AAAA,EACb,GAAGR;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,UAAUJ,CAAS;AAAA,IACnC,iBAAeU;AAAA,IACf,oBAAkBA;AAAA,IACjB,GAAGR;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAcMY,IAAK,CAAC;AAAA,EACjB,UAAAZ;AAAA,EACA,WAAAC;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,GAAGV;AACL,MAEI,gBAAAC,EAACU,GAAA,EAAI,IAAG,MAAK,oBAAkBD,GAAM,WAAWR,EAAK,UAAUJ,CAAS,GAAI,GAAGE,GAC5E,UAAAH,EAAA,CACH,GASSe,IAAK,CAAC;AAAA,EACjB,UAAAf;AAAA,EACA,WAAAC;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,GAAGV;AACL,MAEI,gBAAAC,EAAC,MAAA,EAAG,oBAAkBS,GAAM,WAAWR,EAAK,UAAUJ,CAAS,GAAI,GAAGE,GACnE,UAAAH,EAAA,CACH;"}
package/dist/main.css ADDED
@@ -0,0 +1 @@
1
+ @layer tcn-system{:where(._main_bc17de6){min-width:0;flex-grow:1;height:100%}}
@@ -1 +1 @@
1
- {"version":3,"file":"tabs_list.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAYzD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4IAcnB,CAAC"}
1
+ {"version":3,"file":"tabs_list.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AA+BxC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CA2BzD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4IAcnB,CAAC"}