@likec4/styles 1.47.0 → 1.49.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 (147) hide show
  1. package/LICENSE +1 -1
  2. package/css/package.json +1 -1
  3. package/dev.d.mts +3 -0
  4. package/{dev.ts → dev.mjs} +8 -4
  5. package/dist/css/conditions.mjs +1 -1
  6. package/dist/css/{css.d.ts → css.d.mts} +1 -1
  7. package/dist/css/{cva.d.ts → cva.d.mts} +2 -2
  8. package/dist/css/index.d.mts +5 -0
  9. package/dist/css/sva.d.mts +4 -0
  10. package/dist/jsx/{aspect-ratio.d.ts → aspect-ratio.d.mts} +3 -3
  11. package/dist/jsx/bleed.d.mts +10 -0
  12. package/dist/jsx/box.d.mts +10 -0
  13. package/dist/jsx/center.d.mts +10 -0
  14. package/dist/jsx/circle.d.mts +10 -0
  15. package/dist/jsx/{container.d.ts → container.d.mts} +3 -3
  16. package/dist/jsx/cq.d.mts +10 -0
  17. package/dist/jsx/{create-style-context.d.ts → create-style-context.d.mts} +3 -3
  18. package/dist/jsx/divider.d.mts +10 -0
  19. package/dist/jsx/factory.d.mts +3 -0
  20. package/dist/jsx/flex.d.mts +10 -0
  21. package/dist/jsx/float.d.mts +10 -0
  22. package/dist/jsx/grid-item.d.mts +10 -0
  23. package/dist/jsx/grid.d.mts +10 -0
  24. package/dist/jsx/hstack.d.mts +10 -0
  25. package/dist/jsx/index.d.mts +26 -0
  26. package/dist/jsx/index.mjs +2 -1
  27. package/dist/jsx/is-valid-prop.mjs +1 -1
  28. package/dist/jsx/{link-overlay.d.ts → link-overlay.d.mts} +3 -3
  29. package/dist/jsx/spacer.d.mts +10 -0
  30. package/dist/jsx/square.d.mts +10 -0
  31. package/dist/jsx/stack.d.mts +10 -0
  32. package/dist/jsx/txt.d.mts +10 -0
  33. package/dist/jsx/txt.mjs +14 -0
  34. package/dist/jsx/{visually-hidden.d.ts → visually-hidden.d.mts} +3 -3
  35. package/dist/jsx/vstack.d.mts +10 -0
  36. package/dist/jsx/wrap.d.mts +10 -0
  37. package/dist/patterns/{aspect-ratio.d.ts → aspect-ratio.d.mts} +5 -5
  38. package/dist/patterns/{bleed.d.ts → bleed.d.mts} +5 -5
  39. package/dist/patterns/{box.d.ts → box.d.mts} +5 -5
  40. package/dist/patterns/{center.d.ts → center.d.mts} +5 -5
  41. package/dist/patterns/{circle.d.ts → circle.d.mts} +5 -5
  42. package/dist/patterns/{container.d.ts → container.d.mts} +5 -5
  43. package/dist/patterns/{cq.d.ts → cq.d.mts} +5 -5
  44. package/dist/patterns/{divider.d.ts → divider.d.mts} +5 -5
  45. package/dist/patterns/{flex.d.ts → flex.d.mts} +5 -5
  46. package/dist/patterns/{float.d.ts → float.d.mts} +5 -5
  47. package/dist/patterns/{grid-item.d.ts → grid-item.d.mts} +5 -5
  48. package/dist/patterns/{grid.d.ts → grid.d.mts} +5 -5
  49. package/dist/patterns/{hstack.d.ts → hstack.d.mts} +5 -5
  50. package/dist/patterns/index.d.mts +22 -0
  51. package/dist/patterns/index.mjs +2 -1
  52. package/dist/patterns/{link-overlay.d.ts → link-overlay.d.mts} +5 -5
  53. package/dist/patterns/{spacer.d.ts → spacer.d.mts} +5 -5
  54. package/dist/patterns/{square.d.ts → square.d.mts} +5 -5
  55. package/dist/patterns/{stack.d.ts → stack.d.mts} +5 -5
  56. package/dist/patterns/txt.d.mts +24 -0
  57. package/dist/patterns/txt.mjs +28 -0
  58. package/dist/patterns/{visually-hidden.d.ts → visually-hidden.d.mts} +5 -5
  59. package/dist/patterns/{vstack.d.ts → vstack.d.mts} +5 -5
  60. package/dist/patterns/{wrap.d.ts → wrap.d.mts} +5 -5
  61. package/dist/recipes/{action-btn.d.ts → action-btn.d.mts} +2 -2
  62. package/dist/recipes/action-buttons.d.mts +33 -0
  63. package/dist/recipes/action-buttons.mjs +24 -0
  64. package/dist/recipes/{compound-node.d.ts → compound-node.d.mts} +12 -3
  65. package/dist/recipes/compound-node.mjs +5 -1
  66. package/dist/recipes/{edge-action-btn.d.ts → edge-action-btn.d.mts} +2 -2
  67. package/dist/recipes/{edge-label.d.ts → edge-label.d.mts} +2 -2
  68. package/dist/recipes/{edge-path.d.ts → edge-path.d.mts} +2 -2
  69. package/dist/recipes/{element-node-data.d.ts → element-node-data.d.mts} +10 -3
  70. package/dist/recipes/element-node-data.mjs +16 -2
  71. package/dist/recipes/{element-node.d.ts → element-node.d.mts} +2 -2
  72. package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.d.mts} +6 -2
  73. package/dist/recipes/element-shape-recipe.mjs +6 -1
  74. package/dist/recipes/index.d.mts +17 -0
  75. package/dist/recipes/index.mjs +2 -0
  76. package/dist/recipes/{likec4tag.d.ts → likec4tag.d.mts} +2 -2
  77. package/dist/recipes/{markdown-block.d.ts → markdown-block.d.mts} +2 -2
  78. package/dist/recipes/{navigation-link.d.ts → navigation-link.d.mts} +2 -2
  79. package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts} +2 -2
  80. package/dist/recipes/{navigation-panel.d.ts → navigation-panel.d.mts} +6 -2
  81. package/dist/recipes/navigation-panel.mjs +8 -2
  82. package/dist/recipes/node-notes.d.mts +34 -0
  83. package/dist/recipes/node-notes.mjs +31 -0
  84. package/dist/recipes/{overlay.d.ts → overlay.d.mts} +2 -2
  85. package/dist/tokens/{index.d.ts → index.d.mts} +2 -2
  86. package/dist/tokens/index.mjs +328 -184
  87. package/dist/tokens/tokens.d.mts +54 -0
  88. package/dist/types/{composition.d.ts → composition.d.mts} +4 -1
  89. package/dist/types/{conditions.d.ts → conditions.d.mts} +4 -6
  90. package/dist/types/{global.d.ts → global.d.mts} +5 -5
  91. package/dist/types/index.d.mts +8 -0
  92. package/dist/types/{jsx.d.ts → jsx.d.mts} +2 -2
  93. package/dist/types/{pattern.d.ts → pattern.d.mts} +2 -2
  94. package/dist/types/{prop-type.d.ts → prop-type.d.mts} +21 -5
  95. package/dist/types/{recipe.d.ts → recipe.d.mts} +2 -2
  96. package/dist/types/{selectors.d.ts → selectors.d.mts} +1 -1
  97. package/dist/types/{style-props.d.ts → style-props.d.mts} +59 -59
  98. package/dist/types/{system-types.d.ts → system-types.d.mts} +3 -3
  99. package/jsx/package.json +1 -1
  100. package/package.json +42 -34
  101. package/patterns/package.json +1 -1
  102. package/preset/_chunks/libs/@radix-ui/colors.mjs +3784 -0
  103. package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs +147 -0
  104. package/preset/_chunks/libs/remeda.mjs +120 -0
  105. package/preset/_chunks/rolldown-runtime.mjs +11 -0
  106. package/preset/package.json +2 -2
  107. package/preset/preset.d.mts +1466 -0
  108. package/preset/preset.mjs +3943 -0
  109. package/recipes/package.json +1 -1
  110. package/tokens/package.json +1 -1
  111. package/types/package.json +1 -1
  112. package/vars/package.json +4 -0
  113. package/vars/vars.d.mts +417 -0
  114. package/vars/vars.mjs +415 -0
  115. package/dist/css/index.d.ts +0 -5
  116. package/dist/css/sva.d.ts +0 -4
  117. package/dist/jsx/bleed.d.ts +0 -10
  118. package/dist/jsx/box.d.ts +0 -10
  119. package/dist/jsx/center.d.ts +0 -10
  120. package/dist/jsx/circle.d.ts +0 -10
  121. package/dist/jsx/cq.d.ts +0 -10
  122. package/dist/jsx/divider.d.ts +0 -10
  123. package/dist/jsx/factory.d.ts +0 -3
  124. package/dist/jsx/flex.d.ts +0 -10
  125. package/dist/jsx/float.d.ts +0 -10
  126. package/dist/jsx/grid-item.d.ts +0 -10
  127. package/dist/jsx/grid.d.ts +0 -10
  128. package/dist/jsx/hstack.d.ts +0 -10
  129. package/dist/jsx/index.d.ts +0 -25
  130. package/dist/jsx/spacer.d.ts +0 -10
  131. package/dist/jsx/square.d.ts +0 -10
  132. package/dist/jsx/stack.d.ts +0 -10
  133. package/dist/jsx/vstack.d.ts +0 -10
  134. package/dist/jsx/wrap.d.ts +0 -10
  135. package/dist/patterns/index.d.ts +0 -21
  136. package/dist/preset.d.mts +0 -1232
  137. package/dist/preset.mjs +0 -7553
  138. package/dist/recipes/index.d.ts +0 -15
  139. package/dist/tokens/tokens.d.ts +0 -51
  140. package/dist/types/index.d.ts +0 -8
  141. package/panda.config.ts +0 -10
  142. package/preset.ts +0 -3
  143. /package/dist/css/{cx.d.ts → cx.d.mts} +0 -0
  144. /package/dist/jsx/{is-valid-prop.d.ts → is-valid-prop.d.mts} +0 -0
  145. /package/dist/types/{csstype.d.ts → csstype.d.mts} +0 -0
  146. /package/dist/types/{parts.d.ts → parts.d.mts} +0 -0
  147. /package/dist/types/{static-css.d.ts → static-css.d.mts} +0 -0
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface DividerProperties {
9
9
  orientation?: "horizontal" | "vertical"
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface FlexProperties {
9
9
  align?: SystemProperties["alignItems"]
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface FloatProperties {
9
9
  offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface GridItemProperties {
9
9
  colSpan?: ConditionalValue<number>
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface GridProperties {
9
9
  gap?: SystemProperties["gap"]
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface HstackProperties {
9
9
  justify?: SystemProperties["justifyContent"]
@@ -0,0 +1,22 @@
1
+ /* eslint-disable */
2
+ export * from './box.d.mts';
3
+ export * from './flex.d.mts';
4
+ export * from './stack.d.mts';
5
+ export * from './vstack.d.mts';
6
+ export * from './hstack.d.mts';
7
+ export * from './spacer.d.mts';
8
+ export * from './square.d.mts';
9
+ export * from './circle.d.mts';
10
+ export * from './center.d.mts';
11
+ export * from './link-overlay.d.mts';
12
+ export * from './aspect-ratio.d.mts';
13
+ export * from './grid.d.mts';
14
+ export * from './grid-item.d.mts';
15
+ export * from './wrap.d.mts';
16
+ export * from './container.d.mts';
17
+ export * from './divider.d.mts';
18
+ export * from './float.d.mts';
19
+ export * from './bleed.d.mts';
20
+ export * from './visually-hidden.d.mts';
21
+ export * from './cq.d.mts';
22
+ export * from './txt.d.mts';
@@ -17,4 +17,5 @@ export * from './divider.mjs';
17
17
  export * from './float.mjs';
18
18
  export * from './bleed.mjs';
19
19
  export * from './visually-hidden.mjs';
20
- export * from './cq.mjs';
20
+ export * from './cq.mjs';
21
+ export * from './txt.mjs';
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface LinkOverlayProperties {
9
9
 
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface SpacerProperties {
9
9
  size?: ConditionalValue<Tokens["spacing"]>
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface SquareProperties {
9
9
  size?: SystemProperties["width"]
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface StackProperties {
9
9
  align?: SystemProperties["alignItems"]
@@ -0,0 +1,24 @@
1
+ /* eslint-disable */
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
+
8
+ export interface TxtProperties {
9
+ inline?: ConditionalValue<boolean>
10
+ dimmed?: ConditionalValue<boolean>
11
+ lh?: ConditionalValue<Tokens["lineHeights"]>
12
+ size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl"
13
+ likec4color?: "amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "muted" | "primary" | "red" | "secondary" | "sky"
14
+ }
15
+
16
+ interface TxtStyles extends TxtProperties, DistributiveOmit<SystemStyleObject, keyof TxtProperties > {}
17
+
18
+ interface TxtPatternFn {
19
+ (styles?: TxtStyles): string
20
+ raw: (styles?: TxtStyles) => SystemStyleObject
21
+ }
22
+
23
+
24
+ export declare const txt: TxtPatternFn;
@@ -0,0 +1,28 @@
1
+ import { getPatternStyles, patternFns } from '../helpers.mjs';
2
+ import { css } from '../css/index.mjs';
3
+
4
+ const txtConfig = {
5
+ transform(props, _helpers) {
6
+ const { inline, size, dimmed, lh, likec4color, ...rest } = props;
7
+ if (dimmed && likec4color) {
8
+ throw new Error("dimmed and likec4color are mutually exclusive");
9
+ }
10
+ return {
11
+ userSelect: "all",
12
+ cursor: "default",
13
+ textStyle: dimmed ? `dimmed.${size}` : size,
14
+ ...inline && { display: "inline-block" },
15
+ ...lh && { lineHeight: lh },
16
+ ...likec4color && { "data-likec4-color": likec4color },
17
+ ...rest
18
+ };
19
+ },
20
+ defaultValues:{inline:false,dimmed:false,size:'md'}}
21
+
22
+ export const getTxtStyle = (styles = {}) => {
23
+ const _styles = getPatternStyles(txtConfig, styles)
24
+ return txtConfig.transform(_styles, patternFns)
25
+ }
26
+
27
+ export const txt = (styles) => css(getTxtStyle(styles))
28
+ txt.raw = getTxtStyle
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface VisuallyHiddenProperties {
9
9
 
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface VstackProperties {
9
9
  justify?: SystemProperties["justifyContent"]
@@ -1,9 +1,9 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index';
3
- import type { Properties } from '../types/csstype';
4
- import type { SystemProperties } from '../types/style-props';
5
- import type { DistributiveOmit } from '../types/system-types';
6
- import type { Tokens } from '../tokens/index';
2
+ import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
+ import type { Properties } from '../types/csstype.d.mts';
4
+ import type { SystemProperties } from '../types/style-props.d.mts';
5
+ import type { DistributiveOmit } from '../types/system-types.d.mts';
6
+ import type { Tokens } from '../tokens/index.d.mts';
7
7
 
8
8
  export interface WrapProperties {
9
9
  gap?: SystemProperties["gap"]
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface ActionBtnVariant {
6
6
  /**
@@ -0,0 +1,33 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
+
5
+ interface ActionButtonsVariant {
6
+
7
+ }
8
+
9
+ type ActionButtonsVariantMap = {
10
+ [key in keyof ActionButtonsVariant]: Array<ActionButtonsVariant[key]>
11
+ }
12
+
13
+
14
+
15
+ export type ActionButtonsVariantProps = {
16
+ [key in keyof ActionButtonsVariant]?: ConditionalValue<ActionButtonsVariant[key]> | undefined
17
+ }
18
+
19
+ export interface ActionButtonsRecipe {
20
+
21
+ __type: ActionButtonsVariantProps
22
+ (props?: ActionButtonsVariantProps): string
23
+ raw: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
24
+ variantMap: ActionButtonsVariantMap
25
+ variantKeys: Array<keyof ActionButtonsVariant>
26
+ splitVariantProps<Props extends ActionButtonsVariantProps>(props: Props): [ActionButtonsVariantProps, Pretty<DistributiveOmit<Props, keyof ActionButtonsVariantProps>>]
27
+ getVariantProps: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
28
+ }
29
+
30
+ /**
31
+ * Action Buttons Container within Diagram Node (Bottom-Center)
32
+ */
33
+ export declare const actionButtons: ActionButtonsRecipe
@@ -0,0 +1,24 @@
1
+ import { memo, splitProps } from '../helpers.mjs';
2
+ import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
+
4
+ const actionButtonsFn = /* @__PURE__ */ createRecipe('action-buttons', {}, [])
5
+
6
+ const actionButtonsVariantMap = {}
7
+
8
+ const actionButtonsVariantKeys = Object.keys(actionButtonsVariantMap)
9
+
10
+ export const actionButtons = /* @__PURE__ */ Object.assign(memo(actionButtonsFn.recipeFn), {
11
+ __recipe__: true,
12
+ __name__: 'actionButtons',
13
+ __getCompoundVariantCss__: actionButtonsFn.__getCompoundVariantCss__,
14
+ raw: (props) => props,
15
+ variantKeys: actionButtonsVariantKeys,
16
+ variantMap: actionButtonsVariantMap,
17
+ merge(recipe) {
18
+ return mergeRecipes(this, recipe)
19
+ },
20
+ splitVariantProps(props) {
21
+ return splitProps(props, actionButtonsVariantKeys)
22
+ },
23
+ getVariantProps: actionButtonsFn.getVariantProps,
24
+ })
@@ -1,10 +1,19 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface CompoundNodeVariant {
6
- isTransparent: boolean
6
+ /**
7
+ * @default false
8
+ */
9
+ isTransparent: boolean
10
+ /**
11
+ * @default false
12
+ */
7
13
  inverseColor: boolean
14
+ /**
15
+ * @default "none"
16
+ */
8
17
  borderStyle: "solid" | "dashed" | "dotted" | "none"
9
18
  }
10
19
 
@@ -1,7 +1,11 @@
1
1
  import { memo, splitProps } from '../helpers.mjs';
2
2
  import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
3
 
4
- const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {}, [])
4
+ const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {
5
+ "isTransparent": false,
6
+ "inverseColor": false,
7
+ "borderStyle": "none"
8
+ }, [])
5
9
 
6
10
  const compoundNodeVariantMap = {
7
11
  "isTransparent": [
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface EdgeActionBtnVariant {
6
6
 
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface EdgeLabelVariant {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface EdgePathVariant {
6
6
 
@@ -1,9 +1,16 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface ElementNodeDataVariant {
6
-
6
+ /**
7
+ * @default "left"
8
+ */
9
+ iconPosition: "left" | "right" | "top" | "bottom"
10
+ /**
11
+ * @default false
12
+ */
13
+ withIconColor: boolean
7
14
  }
8
15
 
9
16
  type ElementNodeDataVariantMap = {
@@ -1,9 +1,23 @@
1
1
  import { memo, splitProps } from '../helpers.mjs';
2
2
  import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
3
 
4
- const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {}, [])
4
+ const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {
5
+ "iconPosition": "left",
6
+ "withIconColor": false
7
+ }, [])
5
8
 
6
- const elementNodeDataVariantMap = {}
9
+ const elementNodeDataVariantMap = {
10
+ "iconPosition": [
11
+ "left",
12
+ "right",
13
+ "top",
14
+ "bottom"
15
+ ],
16
+ "withIconColor": [
17
+ "true",
18
+ "false"
19
+ ]
20
+ }
7
21
 
8
22
  const elementNodeDataVariantKeys = Object.keys(elementNodeDataVariantMap)
9
23
 
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface ElementNodeVariant {
6
6
 
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface ElementShapeRecipeVariant {
6
6
  shapetype: "html" | "svg"
@@ -8,6 +8,10 @@ interface ElementShapeRecipeVariant {
8
8
  * @default false
9
9
  */
10
10
  withBorder: boolean
11
+ /**
12
+ * @default false
13
+ */
14
+ withOutline: boolean
11
15
  }
12
16
 
13
17
  type ElementShapeRecipeVariantMap = {
@@ -2,7 +2,8 @@ import { memo, splitProps } from '../helpers.mjs';
2
2
  import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
3
 
4
4
  const elementShapeRecipeFn = /* @__PURE__ */ createRecipe('likec4-element-shape', {
5
- "withBorder": false
5
+ "withBorder": false,
6
+ "withOutline": false
6
7
  }, [
7
8
  {
8
9
  "shapetype": "html",
@@ -29,6 +30,10 @@ const elementShapeRecipeVariantMap = {
29
30
  "withBorder": [
30
31
  "true",
31
32
  "false"
33
+ ],
34
+ "withOutline": [
35
+ "true",
36
+ "false"
32
37
  ]
33
38
  }
34
39
 
@@ -0,0 +1,17 @@
1
+ /* eslint-disable */
2
+ export * from './action-btn.d.mts';
3
+ export * from './action-buttons.d.mts';
4
+ export * from './compound-node.d.mts';
5
+ export * from './edge-action-btn.d.mts';
6
+ export * from './edge-label.d.mts';
7
+ export * from './edge-path.d.mts';
8
+ export * from './element-node.d.mts';
9
+ export * from './element-node-data.d.mts';
10
+ export * from './element-shape-recipe.d.mts';
11
+ export * from './likec4tag.d.mts';
12
+ export * from './markdown-block.d.mts';
13
+ export * from './navigation-panel-action-icon.d.mts';
14
+ export * from './node-notes.d.mts';
15
+ export * from './overlay.d.mts';
16
+ export * from './navigation-link.d.mts';
17
+ export * from './navigation-panel.d.mts';
@@ -1,4 +1,5 @@
1
1
  export * from './action-btn.mjs';
2
+ export * from './action-buttons.mjs';
2
3
  export * from './compound-node.mjs';
3
4
  export * from './edge-action-btn.mjs';
4
5
  export * from './edge-label.mjs';
@@ -9,6 +10,7 @@ export * from './element-shape-recipe.mjs';
9
10
  export * from './likec4tag.mjs';
10
11
  export * from './markdown-block.mjs';
11
12
  export * from './navigation-panel-action-icon.mjs';
13
+ export * from './node-notes.mjs';
12
14
  export * from './overlay.mjs';
13
15
  export * from './navigation-link.mjs';
14
16
  export * from './navigation-panel.mjs';
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface Likec4tagVariant {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface MarkdownBlockVariant {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface NavigationLinkVariant {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface NavigationPanelActionIconVariant {
6
6
  /**
@@ -1,12 +1,16 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from '../types/index';
3
- import type { DistributiveOmit, Pretty } from '../types/system-types';
2
+ import type { ConditionalValue } from '../types/index.d.mts';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
4
4
 
5
5
  interface NavigationPanelVariant {
6
6
  /**
7
7
  * @default "md"
8
8
  */
9
9
  size: "md" | "lg"
10
+ /**
11
+ * @default "left"
12
+ */
13
+ panelPosition: "left" | "right"
10
14
  }
11
15
 
12
16
  type NavigationPanelVariantMap = {