@likec4/styles 1.56.0 → 1.57.0

package/dist/jsx/txt.mjs

@@ -5,7 +5,7 @@ import { getTxtStyle } from '../patterns/txt.mjs';
 import { styled } from './factory.mjs';
 
 export const Txt = /* @__PURE__ */ forwardRef(function Txt(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["inline","dimmed","lh","size","likec4color"])
+  const [patternProps, restProps] = splitProps(props, ["inline","dimmed","noUserSelect","lh","size","likec4color"])
 
 const styleProps = getTxtStyle(patternProps)
 const mergedProps = { ref, ...styleProps, ...restProps }

package/dist/patterns/txt.d.mts

@@ -8,6 +8,7 @@ import type { Tokens } from '../tokens/index.d.mts';
 export interface TxtProperties {
    inline?: ConditionalValue<boolean>
 	dimmed?: ConditionalValue<boolean>
+	noUserSelect?: ConditionalValue<boolean>
 	lh?: ConditionalValue<Tokens["lineHeights"]>
 	size?: ConditionalValue<"xxs" | "xs" | "sm" | "md" | "lg" | "xl">
 	likec4color?: ConditionalValue<"amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "muted" | "primary" | "red" | "secondary" | "sky">

package/dist/patterns/txt.mjs

@@ -3,7 +3,7 @@ import { css } from '../css/index.mjs';
 
 const txtConfig = {
 transform(props, _helpers) {
-  const { inline, size, dimmed, lh, likec4color, ...rest } = props;
+  const { inline, size, dimmed, lh, likec4color, noUserSelect, ...rest } = props;
   if (dimmed && likec4color) {
     throw new Error("dimmed and likec4color are mutually exclusive");
   }
@@ -14,10 +14,11 @@ transform(props, _helpers) {
     ...inline && { display: "inline-block" },
     ...lh && { lineHeight: lh },
     ...likec4color && { "data-likec4-color": likec4color },
+    ...noUserSelect && { userSelect: "none" },
     ...rest
   };
 },
-defaultValues:{inline:false,dimmed:false,size:'md'}}
+defaultValues:{inline:false,dimmed:false,size:'md',noUserSelect:false}}
 
 export const getTxtStyle = (styles = {}) => {
   const _styles = getPatternStyles(txtConfig, styles)

package/package.json

@@ -2,7 +2,7 @@
   "name": "@likec4/styles",
   "description": "Shared PandaCSS preset and generated styles, used in LikeC4",
   "license": "MIT",
-  "version": "1.56.0",
+  "version": "1.57.0",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -77,10 +77,10 @@
     }
   },
   "dependencies": {
-    "@pandacss/types": "^1.9.1"
+    "@pandacss/types": "^1.11.1"
   },
   "peerDependencies": {
-    "@pandacss/dev": "^1.9.1",
+    "@pandacss/dev": "^1.11.1",
     "react": "^18.x || ^19.x"
   },
   "peerDependenciesMeta": {
@@ -92,21 +92,21 @@
     }
   },
   "devDependencies": {
-    "@types/node": "~22.19.17",
+    "@types/node": "~22.19.19",
     "@pandabox/panda-plugins": "^0.0.8",
     "@pandabox/utils": "^0.0.5",
     "@pandabox/unplugin": "^0.2.2",
-    "@pandacss/dev": "^1.9.1",
+    "@pandacss/dev": "^1.11.1",
     "@types/picomatch": "^4.0.3",
-    "@types/react": "19.2.14",
-    "postcss": "8.5.10",
+    "@types/react": "19.2.15",
+    "postcss": "8.5.15",
     "remeda": "^2.33.7",
     "nano-spawn": "^2.0.0",
     "obuild": "0.4.31",
     "typescript": "5.9.3",
-    "@likec4/style-preset": "1.56.0",
-    "@likec4/tsconfig": "1.56.0",
-    "@likec4/devops": "1.42.0"
+    "@likec4/style-preset": "1.57.0",
+    "@likec4/devops": "1.57.0",
+    "@likec4/tsconfig": "1.57.0"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs

@@ -1,6 +1,6 @@
 import { r as colors_exports } from "./@radix-ui/colors.mjs";
 import { definePreset } from "@pandacss/dev";
-//#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.1_@pandacss+dev@1.9.1_typescript@5.9.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/index.mjs
+//#region ../../node_modules/.pnpm/pandacss-preset-radix-colors@0.2.1_@pandacss+dev@1.11.1_typescript@5.9.3__@radix-ui+colors@3.0.0/node_modules/pandacss-preset-radix-colors/index.mjs
 var SCALE_TAGS_REGEX = new RegExp(`(${["P3"].join("|")})|(?=[A-Z0-9])`, "g");
 function getScaleTags(fullName) {
 	return fullName.split(SCALE_TAGS_REGEX).filter(Boolean).map((x) => x.toLowerCase());

package/preset/preset.mjs

@@ -79,7 +79,6 @@ function __v(key, defaultTo) {
 //#endregion
 //#region ../preset/src/const.ts
 const root = ".likec4-root";
-`${root}`;
 //#endregion
 //#region ../preset/src/defaults/element-colors.ts
 const blue$1 = {
@@ -1595,6 +1594,8 @@ const layerStyles = /* @__PURE__ */ defineLayerStyles({ likec4: {
 		}
 	}
 } });
+//#endregion
+//#region ../preset/src/pattens/index.ts
 const patterns = { extend: {
 	vstack: { defaultValues: {
 		alignItems: "stretch",
@@ -1604,8 +1605,18 @@ const patterns = { extend: {
 	box: { jsx: ["Box", "MarkdownBlock"] },
 	txt: definePattern({
 		properties: {
-			inline: { type: "boolean" },
-			dimmed: { type: "boolean" },
+			inline: {
+				description: "Whether the text should be inline (default: false)",
+				type: "boolean"
+			},
+			dimmed: {
+				description: "Whether the text should be dimmed (default: false)",
+				type: "boolean"
+			},
+			noUserSelect: {
+				description: "Whether the text should not be selectable (default: false)",
+				type: "boolean"
+			},
 			lh: {
 				type: "token",
 				value: "lineHeights"
@@ -1629,10 +1640,11 @@ const patterns = { extend: {
 		defaultValues: {
 			inline: false,
 			dimmed: false,
-			size: "md"
+			size: "md",
+			noUserSelect: false
 		},
 		transform(props, _helpers) {
-			const { inline, size, dimmed, lh, likec4color, ...rest } = props;
+			const { inline, size, dimmed, lh, likec4color, noUserSelect, ...rest } = props;
 			if (dimmed && likec4color) throw new Error("dimmed and likec4color are mutually exclusive");
 			return {
 				userSelect: "all",
@@ -1641,6 +1653,7 @@ const patterns = { extend: {
 				...inline && { display: "inline-block" },
 				...lh && { lineHeight: lh },
 				...likec4color && { "data-likec4-color": likec4color },
+				...noUserSelect && { userSelect: "none" },
 				...rest
 			};
 		},