@likec4/styles 1.49.0 → 1.50.0

package/dist/types/system-types.d.mts

@@ -22,140 +22,9 @@ export type Assign<T, U> = {
  * Native css properties
  * -----------------------------------------------------------------------------*/
 
-type DashedIdent = `--${string}`
-
-type StringToMultiple<T extends string> = T | `${T}, ${T}`
-
-export type PositionAreaAxis =
-  | 'left'
-  | 'center'
-  | 'right'
-  | 'x-start'
-  | 'x-end'
-  | 'span-x-start'
-  | 'span-x-end'
-  | 'x-self-start'
-  | 'x-self-end'
-  | 'span-x-self-start'
-  | 'span-x-self-end'
-  | 'span-all'
-  | 'top'
-  | 'bottom'
-  | 'span-top'
-  | 'span-bottom'
-  | 'y-start'
-  | 'y-end'
-  | 'span-y-start'
-  | 'span-y-end'
-  | 'y-self-start'
-  | 'y-self-end'
-  | 'span-y-self-start'
-  | 'span-y-self-end'
-  | 'block-start'
-  | 'block-end'
-  | 'span-block-start'
-  | 'span-block-end'
-  | 'inline-start'
-  | 'inline-end'
-  | 'span-inline-start'
-  | 'span-inline-end'
-  | 'self-block-start'
-  | 'self-block-end'
-  | 'span-self-block-start'
-  | 'span-self-block-end'
-  | 'self-inline-start'
-  | 'self-inline-end'
-  | 'span-self-inline-start'
-  | 'span-self-inline-end'
-  | 'start'
-  | 'end'
-  | 'span-start'
-  | 'span-end'
-  | 'self-start'
-  | 'self-end'
-  | 'span-self-start'
-  | 'span-self-end'
-
-type PositionTry =
-  | 'normal'
-  | 'flip-block'
-  | 'flip-inline'
-  | 'top'
-  | 'bottom'
-  | 'left'
-  | 'right'
-  | 'block-start'
-  | 'block-end'
-  | 'inline-start'
-  | 'inline-end'
-  | DashedIdent
+type CornerShapeValue = 'round' | 'square' | 'bevel' | 'scoop' | 'notch' | 'squircle' | `superellipse(${number})`
 
 export interface ModernCssProperties {
-  /**
-   * Defines a name for the anchor element that can be referenced by positioned elements.
-   */
-  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>
-
-  /**
-   * Defines the scope of anchor names within the element.
-   */
-  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>
-
-  /**
-   * Controls how form elements size themselves.
-   */
-  fieldSizing?: Globals | 'fixed' | 'content'
-
-  /**
-   * Controls whether interpolation of size values should allow keywords.
-   */
-  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'
-
-  /**
-   * Specifies the anchor element that this positioned element should be positioned relative to.
-   */
-  positionAnchor?: Globals | 'auto' | DashedIdent
-
-  /**
-   * Specifies the area within the anchor element where this positioned element should be placed.
-   */
-  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String
-
-  /**
-   * Specifies the position try options for the element.
-   */
-  positionTry?: Globals | StringToMultiple<PositionTry> | String
-
-  /**
-   * Specifies fallback position try options when the primary position fails.
-   */
-  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String
-
-  /**
-   * Specifies the order in which position try options should be attempted.
-   */
-  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'
-
-  /**
-   * Controls when the positioned element should be visible.
-   */
-  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'
-
-  /**
-   * Controls whether text should wrap or not.
-   */
-  textWrapMode?: Globals | 'wrap' | 'nowrap'
-
-  /**
-   * Controls trimming of spacing in text.
-   */
-  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'
-
-  /**
-   * Controls the style of text wrapping.
-   */
-  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'
-
   /**
    * Controls whether the entire element should be draggable instead of its contents.
    */
@@ -180,6 +49,19 @@ export interface ModernCssProperties {
    * Controls the display of text content for security purposes (e.g., password fields).
    */
   WebkitTextSecurity?: Globals | 'none' | 'circle' | 'disc' | 'square'
+
+  /**
+   * Specifies the shape of a box's corners within the area defined by the border-radius property.
+   * @experimental
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/corner-shape
+   */
+  cornerShape?:
+    | Globals
+    | CornerShapeValue
+    | `${CornerShapeValue} ${CornerShapeValue}`
+    | `${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue}`
+    | `${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue}`
+    | String
 }
 
 export type CssProperty = keyof PropertiesFallback

package/package.json

@@ -2,7 +2,7 @@
   "name": "@likec4/styles",
   "description": "Shared PandaCSS preset and generated styles, used in LikeC4",
   "license": "MIT",
-  "version": "1.49.0",
+  "version": "1.50.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.8.1"
+    "@pandacss/types": "^1.8.2"
   },
   "peerDependencies": {
-    "@pandacss/dev": "^1.8.1",
+    "@pandacss/dev": "^1.8.2",
     "react": "^18.x || ^19.x"
   },
   "peerDependenciesMeta": {
@@ -92,21 +92,21 @@
     }
   },
   "devDependencies": {
-    "@types/node": "~22.19.10",
+    "@types/node": "~22.19.11",
     "@pandabox/panda-plugins": "^0.0.8",
     "@pandabox/utils": "^0.0.5",
     "@pandabox/unplugin": "^0.2.2",
-    "@pandacss/dev": "^1.8.1",
+    "@pandacss/dev": "^1.8.2",
     "@types/picomatch": "^4.0.2",
-    "@types/react": "19.2.13",
+    "@types/react": "19.2.14",
     "postcss": "8.5.6",
     "remeda": "^2.33.5",
     "nano-spawn": "^2.0.0",
-    "obuild": "^0.4.27",
+    "obuild": "^0.4.31",
     "typescript": "5.9.3",
-    "@likec4/style-preset": "1.49.0",
+    "@likec4/style-preset": "1.50.0",
     "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.49.0"
+    "@likec4/tsconfig": "1.50.0"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/preset/_chunks/libs/remeda.mjs

@@ -1,24 +1,24 @@
-function e$3(e, t, n) {
+function e$4(e, t, n) {
 	let r = (n) => e(n, ...t);
 	return n === void 0 ? r : Object.assign(r, {
 		lazy: n,
 		lazyArgs: t
 	});
 }
-function t$9(t, n, r) {
+function t$10(t, n, r) {
 	let i = t.length - n.length;
 	if (i === 0) return t(...n);
-	if (i === 1) return e$3(t, n, r);
+	if (i === 1) return e$4(t, n, r);
 	throw Error(`Wrong number of arguments`);
 }
-function t$8(...t) {
-	return t$9(n$6, t);
+function t$9(...t) {
+	return t$10(n$6, t);
 }
-const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`, t$7 = {
+const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`, t$8 = {
 	done: !1,
 	hasNext: !1
 };
-function t$6(e, ...t) {
+function t$7(e, ...t) {
 	let a = e, o = t.map((e) => `lazy` in e ? r(e) : void 0), s = 0;
 	for (; s < t.length;) {
 		if (o[s] === void 0 || !i(a)) {
@@ -40,7 +40,7 @@ function t$6(e, ...t) {
 }
 function n$4(t, r, i) {
 	if (i.length === 0) return r.push(t), !1;
-	let a = t, o = t$7, s = !1;
+	let a = t, o = t$8, s = !1;
 	for (let [e, t] of i.entries()) {
 		let { index: c, items: l } = t;
 		if (l.push(a), o = t(a, c, l), t.index += 1, o.hasNext) {
@@ -66,18 +66,18 @@ function r(e) {
 function i(e) {
 	return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
 }
-function t$5(...t) {
-	return t$9(n$3, t);
+function t$6(...t) {
+	return t$10(n$3, t);
 }
 const n$3 = (e, t) => e.length >= t;
-function e$1(e) {
+function e$2(e) {
 	return typeof e == `string`;
 }
-function t$4(...t) {
-	return t$9(Object.keys, t);
+function t$5(...t) {
+	return t$10(Object.keys, t);
 }
-function t$3(...t) {
-	return t$9(n$2, t);
+function t$4(...t) {
+	return t$10(n$2, t);
 }
 function n$2(e, t) {
 	let n = {};
@@ -87,8 +87,8 @@ function n$2(e, t) {
 	}
 	return n;
 }
-function t$2(...t) {
-	return t$9(n$1, t);
+function t$3(...t) {
+	return t$10(n$1, t);
 }
 function n$1(e, t) {
 	let n = {};
@@ -98,18 +98,18 @@ function n$1(e, t) {
 	}
 	return n;
 }
-function t$1(...t) {
-	return t$9(n, t);
+function t$2(...t) {
+	return t$10(n, t);
 }
 function n(e, t) {
 	let n = {};
 	for (let [r, i] of Object.entries(e)) n[r] = t(i, r, e);
 	return n;
 }
-function e(e, ...n) {
-	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t(r, e, ...n) : t(e, ...n);
+function e$1(e, ...n) {
+	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t$1(r, e, ...n) : t$1(e, ...n);
 }
-function t(e, ...t) {
+function t$1(e, ...t) {
 	let n = e;
 	for (let e of t) {
 		if (n == null) return;
@@ -117,4 +117,10 @@ function t(e, ...t) {
 	}
 	return n;
 }
-export { t$4 as a, t$6 as c, t$3 as i, t$8 as l, t$1 as n, e$1 as o, t$2 as r, t$5 as s, e as t };
+new Set([
+	`-`,
+	`_`,
+	...`	.
+.\v.\f.\r. .….\xA0. . . . . . . . . . . . .\u2028.\u2029. . .　.`.split(`.`)
+]);
+export { t$5 as a, t$7 as c, t$4 as i, t$9 as l, t$2 as n, e$2 as o, t$3 as r, t$6 as s, e$1 as t };

package/preset/preset.mjs

@@ -55,6 +55,16 @@ function readName(key) {
 	let name = e(vars, ...path);
 	return e$1(name) ? name : void 0;
 }
+/**
+* Returns a CSS variable declaration string.
+*
+* If `defaultTo` is not provided, returns a string like `var(--likec4-palette-fill)`.
+* If `defaultTo` is a Vars or string, returns a string like `var(--likec4-palette-fill, var(--default-to))`.
+*
+* @param key - The name of the CSS variable to generate.
+* @param defaultTo - An optional string, Vars, or object to use as the default value.
+* @returns A CSS variable declaration string.
+*/
 function __v(key, defaultTo) {
 	let name = readName(key);
 	if (!name) throw new Error(`Unknown var: ${key}`);
@@ -1300,6 +1310,12 @@ const mantine = {
 	darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
 	lightSelector: "[data-mantine-color-scheme=\"light\"] &"
 };
+/**
+* Changes the alpha channel of a color
+* @param color color value or CSS variable
+* @param percentage Alpha channel value
+* @returns
+*/
 function alpha(color, percentage = 50) {
 	let alpha = percentage;
 	if (typeof percentage === "number") {