@cube-dev/ui-kit 0.0.0-canary-b859c78 → 0.0.0-canary-4fe58bf

package/dist/icons/UnlockIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconLockOpen2 } from "@tabler/icons-react";

package/dist/icons/UpIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChevronUp } from "@tabler/icons-react";

package/dist/icons/UserGroupIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserLockIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ViewIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/WarningFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangleFilled } from "@tabler/icons-react";

package/dist/icons/WarningIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangle } from "@tabler/icons-react";

package/dist/icons/wrap-icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Icon } from "./Icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { okhslFunc, okhslPlugin } from "./tasty/plugins/okhsl-plugin.js";
 import { hslToRgbValues, processTokens, stringifyTokens } from "./tasty/utils/process-tokens.js";
 import { COMPUTE_FUNC_MAP, CUSTOM_UNITS, DIRECTIONS, STATE_OPERATORS, STATE_OPERATOR_LIST, buildAtRuleContext, computeState, customFunc, extendStyles, extractStyles, filterMods, getGlobalFuncs, getGlobalParser, getGlobalPredefinedTokens, getModSelector, getRgbValuesFromRgbaString, hexToRgb, isAdvancedStateToken, normalizeColorTokenValue, parseColor, parseStateNotation, parseStyle, resetGlobalPredefinedTokens, setGlobalPredefinedTokens, strToRgb, stringifyStyles, styleStateMapToStyleStateDataList } from "./tasty/utils/styles.js";

package/dist/injector/injector.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 import { colorInitialValueToRgb, getEffectiveDefinition, normalizePropertyDefinition } from "../properties/index.js";
 import { isDevEnv } from "../utils/is-dev-env.js";

package/dist/injector/sheet-manager.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { createStyle } from "../styles/createStyle.js";
 import { STYLE_HANDLER_MAP } from "../styles/index.js";
 

package/dist/keyframes/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/keyframes/index.ts
 const KEYFRAMES_KEY = "@keyframes";
 /**

package/dist/parser/classify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { COLOR_FUNCS, RE_HEX, RE_NUMBER, RE_RAW_UNIT, RE_UNIT_NUM, VALUE_KEYWORDS } from "./const.js";
 import { Bucket } from "./types.js";
 import { StyleParser } from "./parser.js";

package/dist/parser/const.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/parser/const.ts
 const VALUE_KEYWORDS = new Set([
 	"auto",

package/dist/parser/lru.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/parser/lru.ts
 var Lru = class {
 	map = /* @__PURE__ */ new Map();

package/dist/parser/parser.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "./lru.js";
 import { Bucket, finalizeGroup, finalizePart, makeEmptyDetails, makeEmptyPart } from "./types.js";
 import { classify } from "./classify.js";

package/dist/parser/tokenizer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/parser/tokenizer.ts
 const isWhitespace = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r" || ch === "\f";
 function scan(src, cb) {

package/dist/parser/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/parser/types.ts
 let Bucket = /* @__PURE__ */ function(Bucket) {
 	Bucket[Bucket["Color"] = 0] = "Color";

package/dist/pipeline/conditions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/pipeline/conditions.ts
 /**
 * Create a TRUE condition (matches everything)

package/dist/pipeline/exclusive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { and, isCompoundCondition, not, trueCondition } from "./conditions.js";
 import { simplifyCondition } from "./simplify.js";
 

package/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { stringifyStyles } from "../utils/styles.js";
 import { createStyle } from "../styles/createStyle.js";

package/dist/pipeline/materialize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 
 //#region src/tasty/pipeline/materialize.ts

package/dist/pipeline/parseStateKey.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { camelToKebab } from "../utils/case-converter.js";
 import { expandDimensionShorthands, expandTastyUnits, findTopLevelComma, resolvePredefinedState } from "../states/index.js";

package/dist/pipeline/simplify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 import { falseCondition, getConditionUniqueId, trueCondition } from "./conditions.js";
 

package/dist/plugins/okhsl-plugin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { Lru } from "../parser/lru.js";
 
 //#region src/tasty/plugins/okhsl-plugin.ts

package/dist/properties/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { getRgbValuesFromRgbaString, strToRgb } from "../utils/styles.js";
 
 //#region src/tasty/properties/index.ts

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/providers/TrackingProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { createContext, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/states/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { isDevEnv } from "../utils/is-dev-env.js";
 import { hasStylesGenerated } from "../config.js";
 

package/dist/styles/align.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/styles/align.ts
 function alignStyle({ align }) {
 	if (typeof align !== "string") return;

package/dist/styles/border.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/border.ts

package/dist/styles/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseColor } from "../utils/styles.js";
 import { convertColorChainToRgbChain } from "./createStyle.js";
 

package/dist/styles/createStyle.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { getRgbValuesFromRgbaString, normalizeColorTokenValue, parseColor, parseStyle, strToRgb } from "../utils/styles.js";
 import { toSnakeCase } from "../utils/string.js";
 

package/dist/styles/dimension.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/dimension.ts

package/dist/styles/display.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/display.ts

package/dist/styles/fade.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fade.ts

package/dist/styles/fill.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/fill.ts

package/dist/styles/flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/styles/flow.ts
 function flowStyle({ display = "block", flow }) {
 	let style;

package/dist/styles/gap.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/gap.ts

package/dist/styles/height.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/height.ts

package/dist/styles/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { convertColorChainToRgbChain, createStyle } from "./createStyle.js";
 import { normalizeHandlerDefinition, predefine, registerHandler } from "./predefined.js";
 

package/dist/styles/inset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/inset.ts

package/dist/styles/justify.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/styles/justify.ts
 function justifyStyle({ justify }) {
 	if (typeof justify !== "string") return;

package/dist/styles/margin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/margin.ts

package/dist/styles/outline.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/outline.ts

package/dist/styles/padding.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/padding.ts

package/dist/styles/predefined.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { isDevEnv } from "../utils/is-dev-env.js";
 import { alignStyle } from "./align.js";
 import { borderStyle } from "./border.js";

package/dist/styles/preset.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/preset.ts

package/dist/styles/radius.js

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { DIRECTIONS, parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/radius.ts
 const PROP = "var(--radius)";
-const SHARP = "var(--leaf-sharp-radius)";
+const SHARP = "var(--sharp-radius)";
 function radiusStyle({ radius }) {
 	if (typeof radius === "number") radius = `${radius}px`;
 	if (!radius) return;

package/dist/styles/radius.js.map

@@ -1 +1 @@
-{"version":3,"file":"radius.js","names":[],"sources":["../../src/tasty/styles/radius.ts"],"sourcesContent":["import { DIRECTIONS, parseStyle } from '../utils/styles';\n\nconst PROP = 'var(--radius)';\nconst SHARP = 'var(--leaf-sharp-radius)';\n\nexport function radiusStyle({ radius }) {\n  if (typeof radius === 'number') {\n    radius = `${radius}px`;\n  }\n\n  if (!radius) return;\n\n  if (radius === true) radius = '1r';\n\n  const processed = parseStyle(radius);\n  let { mods, values } =\n    processed.groups[0] ?? ({ mods: [], values: [] } as any);\n\n  if (mods.includes('round')) {\n    values = ['9999rem'];\n  } else if (mods.includes('ellipse')) {\n    values = ['50%'];\n  } else if (!values.length) {\n    values = [PROP];\n  }\n\n  if (mods.includes('leaf')) {\n    values = [\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n    ];\n  } else if (mods.includes('backleaf')) {\n    values = [\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n    ];\n  } else if (mods.length) {\n    const arr = ['0', '0', '0', '0'];\n\n    let flag = false;\n\n    DIRECTIONS.forEach((dir, i) => {\n      if (!mods.includes(dir)) return;\n\n      flag = true;\n\n      arr[i] = values[0] || PROP;\n      arr[(i + 1) % 4] = values[0] || PROP;\n    });\n\n    if (flag) {\n      values = arr;\n    }\n  }\n\n  return {\n    'border-radius': values.join(' '),\n  };\n}\n\nradiusStyle.__lookupStyles = ['radius'];\n"],"mappings":";;;;AAEA,MAAM,OAAO;AACb,MAAM,QAAQ;AAEd,SAAgB,YAAY,EAAE,UAAU;AACtC,KAAI,OAAO,WAAW,SACpB,UAAS,GAAG,OAAO;AAGrB,KAAI,CAAC,OAAQ;AAEb,KAAI,WAAW,KAAM,UAAS;CAG9B,IAAI,EAAE,MAAM,WADM,WAAW,OAAO,CAExB,OAAO,MAAO;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE;AAElD,KAAI,KAAK,SAAS,QAAQ,CACxB,UAAS,CAAC,UAAU;UACX,KAAK,SAAS,UAAU,CACjC,UAAS,CAAC,MAAM;UACP,CAAC,OAAO,OACjB,UAAS,CAAC,KAAK;AAGjB,KAAI,KAAK,SAAS,OAAO,CACvB,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,SAAS,WAAW,CAClC,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,QAAQ;EACtB,MAAM,MAAM;GAAC;GAAK;GAAK;GAAK;GAAI;EAEhC,IAAI,OAAO;AAEX,aAAW,SAAS,KAAK,MAAM;AAC7B,OAAI,CAAC,KAAK,SAAS,IAAI,CAAE;AAEzB,UAAO;AAEP,OAAI,KAAK,OAAO,MAAM;AACtB,QAAK,IAAI,KAAK,KAAK,OAAO,MAAM;IAChC;AAEF,MAAI,KACF,UAAS;;AAIb,QAAO,EACL,iBAAiB,OAAO,KAAK,IAAI,EAClC;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}
+{"version":3,"file":"radius.js","names":[],"sources":["../../src/tasty/styles/radius.ts"],"sourcesContent":["import { DIRECTIONS, parseStyle } from '../utils/styles';\n\nconst PROP = 'var(--radius)';\nconst SHARP = 'var(--sharp-radius)';\n\nexport function radiusStyle({ radius }) {\n  if (typeof radius === 'number') {\n    radius = `${radius}px`;\n  }\n\n  if (!radius) return;\n\n  if (radius === true) radius = '1r';\n\n  const processed = parseStyle(radius);\n  let { mods, values } =\n    processed.groups[0] ?? ({ mods: [], values: [] } as any);\n\n  if (mods.includes('round')) {\n    values = ['9999rem'];\n  } else if (mods.includes('ellipse')) {\n    values = ['50%'];\n  } else if (!values.length) {\n    values = [PROP];\n  }\n\n  if (mods.includes('leaf')) {\n    values = [\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n    ];\n  } else if (mods.includes('backleaf')) {\n    values = [\n      values[0] || PROP,\n      values[1] || SHARP,\n      values[0] || PROP,\n      values[1] || SHARP,\n    ];\n  } else if (mods.length) {\n    const arr = ['0', '0', '0', '0'];\n\n    let flag = false;\n\n    DIRECTIONS.forEach((dir, i) => {\n      if (!mods.includes(dir)) return;\n\n      flag = true;\n\n      arr[i] = values[0] || PROP;\n      arr[(i + 1) % 4] = values[0] || PROP;\n    });\n\n    if (flag) {\n      values = arr;\n    }\n  }\n\n  return {\n    'border-radius': values.join(' '),\n  };\n}\n\nradiusStyle.__lookupStyles = ['radius'];\n"],"mappings":";;;;AAEA,MAAM,OAAO;AACb,MAAM,QAAQ;AAEd,SAAgB,YAAY,EAAE,UAAU;AACtC,KAAI,OAAO,WAAW,SACpB,UAAS,GAAG,OAAO;AAGrB,KAAI,CAAC,OAAQ;AAEb,KAAI,WAAW,KAAM,UAAS;CAG9B,IAAI,EAAE,MAAM,WADM,WAAW,OAAO,CAExB,OAAO,MAAO;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE;AAElD,KAAI,KAAK,SAAS,QAAQ,CACxB,UAAS,CAAC,UAAU;UACX,KAAK,SAAS,UAAU,CACjC,UAAS,CAAC,MAAM;UACP,CAAC,OAAO,OACjB,UAAS,CAAC,KAAK;AAGjB,KAAI,KAAK,SAAS,OAAO,CACvB,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,SAAS,WAAW,CAClC,UAAS;EACP,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACd;UACQ,KAAK,QAAQ;EACtB,MAAM,MAAM;GAAC;GAAK;GAAK;GAAK;GAAI;EAEhC,IAAI,OAAO;AAEX,aAAW,SAAS,KAAK,MAAM;AAC7B,OAAI,CAAC,KAAK,SAAS,IAAI,CAAE;AAEzB,UAAO;AAEP,OAAI,KAAK,OAAO,MAAM;AACtB,QAAK,IAAI,KAAK,KAAK,OAAO,MAAM;IAChC;AAEF,MAAI,KACF,UAAS;;AAIb,QAAO,EACL,iBAAiB,OAAO,KAAK,IAAI,EAClC;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}

package/dist/styles/scrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/scrollbar.ts

package/dist/styles/shadow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/shadow.ts
@@ -18,7 +18,7 @@ function toBoxShadow(shadow) {
 }
 function shadowStyle({ shadow }) {
 	if (!shadow) return;
-	if (shadow === true) shadow = "var(--card-shadow)";
+	if (shadow === true) shadow = "var(--shadow)";
 	return { "box-shadow": shadow.split(",").map(toBoxShadow).join(",") };
 }
 shadowStyle.__lookupStyles = ["shadow"];

package/dist/styles/shadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.js","names":[],"sources":["../../src/tasty/styles/shadow.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\nfunction toBoxShadow(shadow) {\n  const processed = parseStyle(shadow);\n  const { values, mods, colors } =\n    processed.groups[0] ?? ({ values: [], mods: [], colors: [] } as any);\n  const mod = mods[0] || '';\n  const shadowColor = (colors && colors[0]) ?? '';\n\n  return [mod, ...values, shadowColor].join(' ');\n}\n\nexport function shadowStyle({ shadow }) {\n  if (!shadow) return;\n\n  if (shadow === true) shadow = 'var(--card-shadow)';\n\n  return {\n    'box-shadow': shadow.split(',').map(toBoxShadow).join(','),\n  };\n}\n\nshadowStyle.__lookupStyles = ['shadow'];\n"],"mappings":";;;;AAEA,SAAS,YAAY,QAAQ;CAE3B,MAAM,EAAE,QAAQ,MAAM,WADJ,WAAW,OAAO,CAExB,OAAO,MAAO;EAAE,QAAQ,EAAE;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE;CAC9D,MAAM,MAAM,KAAK,MAAM;CACvB,MAAM,eAAe,UAAU,OAAO,OAAO;AAE7C,QAAO;EAAC;EAAK,GAAG;EAAQ;EAAY,CAAC,KAAK,IAAI;;AAGhD,SAAgB,YAAY,EAAE,UAAU;AACtC,KAAI,CAAC,OAAQ;AAEb,KAAI,WAAW,KAAM,UAAS;AAE9B,QAAO,EACL,cAAc,OAAO,MAAM,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,EAC3D;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}
+{"version":3,"file":"shadow.js","names":[],"sources":["../../src/tasty/styles/shadow.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\nfunction toBoxShadow(shadow) {\n  const processed = parseStyle(shadow);\n  const { values, mods, colors } =\n    processed.groups[0] ?? ({ values: [], mods: [], colors: [] } as any);\n  const mod = mods[0] || '';\n  const shadowColor = (colors && colors[0]) ?? '';\n\n  return [mod, ...values, shadowColor].join(' ');\n}\n\nexport function shadowStyle({ shadow }) {\n  if (!shadow) return;\n\n  if (shadow === true) shadow = 'var(--shadow)';\n\n  return {\n    'box-shadow': shadow.split(',').map(toBoxShadow).join(','),\n  };\n}\n\nshadowStyle.__lookupStyles = ['shadow'];\n"],"mappings":";;;;AAEA,SAAS,YAAY,QAAQ;CAE3B,MAAM,EAAE,QAAQ,MAAM,WADJ,WAAW,OAAO,CAExB,OAAO,MAAO;EAAE,QAAQ,EAAE;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE;CAC9D,MAAM,MAAM,KAAK,MAAM;CACvB,MAAM,eAAe,UAAU,OAAO,OAAO;AAE7C,QAAO;EAAC;EAAK,GAAG;EAAQ;EAAY,CAAC,KAAK,IAAI;;AAGhD,SAAgB,YAAY,EAAE,UAAU;AACtC,KAAI,CAAC,OAAQ;AAEb,KAAI,WAAW,KAAM,UAAS;AAE9B,QAAO,EACL,cAAc,OAAO,MAAM,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,EAC3D;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}

package/dist/styles/styledScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 //#region src/tasty/styles/styledScrollbar.ts
 /**
 * @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.

package/dist/styles/transition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { parseStyle } from "../utils/styles.js";
 
 //#region src/tasty/styles/transition.ts

package/dist/styles/width.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { dimensionStyle } from "./dimension.js";
 
 //#region src/tasty/styles/width.ts

package/dist/tasty/chunks/cacheKey.d.ts

@@ -0,0 +1,2 @@
+
+import "../styles/types.js";

package/dist/tasty/chunks/cacheKey.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { extractLocalPredefinedStates, extractPredefinedStateRefs } from "../states/index.js";
 
 //#region src/tasty/chunks/cacheKey.ts

package/dist/tasty/chunks/definitions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { isSelector } from "../pipeline/index.js";
 
 //#region src/tasty/chunks/definitions.ts

package/dist/tasty/chunks/index.d.ts

@@ -0,0 +1,4 @@
+
+import { CHUNK_NAMES, ChunkInfo, ChunkName, STYLE_TO_CHUNK, categorizeStyleKeys } from "./definitions.js";
+import "./cacheKey.js";
+import "./renderChunk.js";

package/dist/tasty/chunks/renderChunk.d.ts

@@ -0,0 +1,3 @@
+
+import "../styles/types.js";
+import "../pipeline/index.js";

package/dist/tasty/chunks/renderChunk.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { extractLocalPredefinedStates } from "../states/index.js";
 import { renderStyles } from "../pipeline/index.js";
 import { CHUNK_NAMES } from "./definitions.js";

package/dist/tasty/config.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b859c78 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4fe58bf | Cube Dev Team */
 import { CUSTOM_UNITS, getGlobalFuncs, getGlobalParser, normalizeColorTokenValue, resetGlobalPredefinedTokens, setGlobalPredefinedTokens } from "./utils/styles.js";
 import { isDevEnv } from "./utils/is-dev-env.js";
 import { normalizeHandlerDefinition, registerHandler, resetHandlers } from "./styles/predefined.js";
@@ -39,6 +39,9 @@ let globalRecipes = null;
 * Internal properties required by tasty core features.
 * These are always injected when styles are first generated.
 * Keys use tasty token syntax (#name for colors, $name for other properties).
+*
+* For properties with CSS @property-compatible types (length, time, number, color),
+* an `initialValue` is provided so the property works even without a project-level token.
 */
 const INTERNAL_PROPERTIES = {
 	"#tasty-second-fill": {
@@ -56,8 +59,55 @@ const INTERNAL_PROPERTIES = {
 	"#black": {
 		inherits: true,
 		initialValue: "rgb(0 0 0)"
+	},
+	$gap: {
+		syntax: "<length>",
+		inherits: true,
+		initialValue: "4px"
+	},
+	$radius: {
+		syntax: "<length>",
+		inherits: true,
+		initialValue: "6px"
+	},
+	"$border-width": {
+		syntax: "<length>",
+		inherits: true,
+		initialValue: "1px"
+	},
+	"$outline-width": {
+		syntax: "<length>",
+		inherits: true,
+		initialValue: "3px"
+	},
+	$transition: {
+		syntax: "<time>",
+		inherits: true,
+		initialValue: "80ms"
+	},
+	"$sharp-radius": {
+		syntax: "<length>",
+		inherits: true,
+		initialValue: "0px"
+	},
+	"$bold-font-weight": {
+		syntax: "<number>",
+		inherits: true,
+		initialValue: "700"
 	}
 };
+/**
+* Internal token defaults that cannot be expressed as CSS @property initial values
+* (e.g. font stacks, keyword colors). These are injected as :root CSS variables.
+* Consuming projects override them by setting their own tokens on :root.
+*
+* Keys are raw CSS custom property names (--name).
+*/
+const INTERNAL_TOKENS = {
+	"--font": "system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif",
+	"--monospace-font": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+	"--border-color": "currentColor"
+};
 const GLOBAL_INJECTOR_KEY = "__TASTY_GLOBAL_INJECTOR__";
 /**
 * Detect if we're running in a test environment
@@ -99,6 +149,14 @@ function markStylesGenerated() {
 	stylesGenerated = true;
 	const injector = getGlobalInjector();
 	for (const [token, definition] of Object.entries(INTERNAL_PROPERTIES)) injector.property(token, definition);
+	const internalTokenEntries = Object.entries(INTERNAL_TOKENS);
+	if (internalTokenEntries.length > 0) {
+		const declarations = internalTokenEntries.map(([name, value]) => `${name}: ${value}`).join("; ");
+		injector.injectGlobal([{
+			selector: ":root",
+			declarations
+		}]);
+	}
 	if (globalProperties && Object.keys(globalProperties).length > 0) for (const [token, definition] of Object.entries(globalProperties)) injector.property(token, definition);
 }
 /**