@likec4/styles 1.47.0 → 1.48.0

package/dist/patterns/{aspect-ratio.d.ts → aspect-ratio.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface AspectRatioProperties {
    ratio?: ConditionalValue<number>

package/dist/patterns/{bleed.d.ts → bleed.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface BleedProperties {
    inline?: SystemProperties["marginInline"]

package/dist/patterns/{box.d.ts → box.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface BoxProperties {
    

package/dist/patterns/{center.d.ts → center.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface CenterProperties {
    inline?: ConditionalValue<boolean>

package/dist/patterns/{circle.d.ts → circle.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface CircleProperties {
    size?: SystemProperties["width"]

package/dist/patterns/{container.d.ts → container.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface ContainerProperties {
    

package/dist/patterns/{cq.d.ts → cq.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface CqProperties {
    name?: ConditionalValue<Tokens["containerNames"] | Properties["containerName"]>

package/dist/patterns/{divider.d.ts → divider.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface DividerProperties {
    orientation?: "horizontal" | "vertical"

package/dist/patterns/{flex.d.ts → flex.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface FlexProperties {
    align?: SystemProperties["alignItems"]

package/dist/patterns/{float.d.ts → float.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface FloatProperties {
    offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>

package/dist/patterns/{grid-item.d.ts → grid-item.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface GridItemProperties {
    colSpan?: ConditionalValue<number>

package/dist/patterns/{grid.d.ts → grid.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface GridProperties {
    gap?: SystemProperties["gap"]

package/dist/patterns/{hstack.d.ts → hstack.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface HstackProperties {
    justify?: SystemProperties["justifyContent"]

package/dist/patterns/index.d.mts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export * from './box.d.mts';
+export * from './flex.d.mts';
+export * from './stack.d.mts';
+export * from './vstack.d.mts';
+export * from './hstack.d.mts';
+export * from './spacer.d.mts';
+export * from './square.d.mts';
+export * from './circle.d.mts';
+export * from './center.d.mts';
+export * from './link-overlay.d.mts';
+export * from './aspect-ratio.d.mts';
+export * from './grid.d.mts';
+export * from './grid-item.d.mts';
+export * from './wrap.d.mts';
+export * from './container.d.mts';
+export * from './divider.d.mts';
+export * from './float.d.mts';
+export * from './bleed.d.mts';
+export * from './visually-hidden.d.mts';
+export * from './cq.d.mts';
+export * from './txt.d.mts';

package/dist/patterns/index.mjs

@@ -17,4 +17,5 @@ export * from './divider.mjs';
 export * from './float.mjs';
 export * from './bleed.mjs';
 export * from './visually-hidden.mjs';
-export * from './cq.mjs';
+export * from './cq.mjs';
+export * from './txt.mjs';

package/dist/patterns/{link-overlay.d.ts → link-overlay.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface LinkOverlayProperties {
    

package/dist/patterns/{spacer.d.ts → spacer.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface SpacerProperties {
    size?: ConditionalValue<Tokens["spacing"]>

package/dist/patterns/{square.d.ts → square.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface SquareProperties {
    size?: SystemProperties["width"]

package/dist/patterns/{stack.d.ts → stack.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface StackProperties {
    align?: SystemProperties["alignItems"]

package/dist/patterns/txt.d.mts

@@ -0,0 +1,24 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
+
+export interface TxtProperties {
+   inline?: ConditionalValue<boolean>
+	dimmed?: ConditionalValue<boolean>
+	lh?: ConditionalValue<Tokens["lineHeights"]>
+	size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl"
+	likec4color?: "amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "muted" | "primary" | "red" | "secondary" | "sky"
+}
+
+interface TxtStyles extends TxtProperties, DistributiveOmit<SystemStyleObject, keyof TxtProperties > {}
+
+interface TxtPatternFn {
+  (styles?: TxtStyles): string
+  raw: (styles?: TxtStyles) => SystemStyleObject
+}
+
+
+export declare const txt: TxtPatternFn;

package/dist/patterns/txt.mjs

@@ -0,0 +1,28 @@
+import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const txtConfig = {
+transform(props, _helpers) {
+  const { inline, size, dimmed, lh, likec4color, ...rest } = props;
+  if (dimmed && likec4color) {
+    throw new Error("dimmed and likec4color are mutually exclusive");
+  }
+  return {
+    userSelect: "all",
+    cursor: "default",
+    textStyle: dimmed ? `dimmed.${size}` : size,
+    ...inline && { display: "inline-block" },
+    ...lh && { lineHeight: lh },
+    ...likec4color && { "data-likec4-color": likec4color },
+    ...rest
+  };
+},
+defaultValues:{inline:false,dimmed:false,size:'md'}}
+
+export const getTxtStyle = (styles = {}) => {
+  const _styles = getPatternStyles(txtConfig, styles)
+  return txtConfig.transform(_styles, patternFns)
+}
+
+export const txt = (styles) => css(getTxtStyle(styles))
+txt.raw = getTxtStyle

package/dist/patterns/{visually-hidden.d.ts → visually-hidden.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface VisuallyHiddenProperties {
    

package/dist/patterns/{vstack.d.ts → vstack.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface VstackProperties {
    justify?: SystemProperties["justifyContent"]

package/dist/patterns/{wrap.d.ts → wrap.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { SystemProperties } from '../types/style-props.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
 
 export interface WrapProperties {
    gap?: SystemProperties["gap"]