@codeleap/styles 7.2.3-next.1 → 7.3.0-next.0

package/dist/variants/defaultVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultVariants.d.ts","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4HlB,CAAA;AAEV,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,OAAO,eAAe,EAAE,IAAI,CAAC,CAAA"}
+{"version":3,"file":"defaultVariants.d.ts","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKlB,CAAA;AAEV,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,OAAO,eAAe,EAAE,IAAI,CAAC,CAAA"}

package/dist/variants/defaultVariants.js

@@ -11,125 +11,162 @@
  * - `'visibility:hidden'` / `'display:none'` — use quoted keys in style arrays.
  */
 export const defaultVariants = {
+    // Sets display: block
     block: {
         display: 'block',
     },
+    // Sets flex: 1; fills available space in a flex parent. Does not create a flex container — pair with `row` or `column`.
     grow: {
         flex: 1,
     },
+    // position: absolute
     absolute: {
         position: 'absolute',
     },
+    // position: relative
     relative: {
         position: 'relative',
     },
+    // position: fixed; element is removed from flow and positioned relative to the viewport
     fixed: {
         position: 'fixed',
     },
+    // position: sticky; element scrolls normally until it reaches its offset, then sticks
     sticky: {
         position: 'sticky',
     },
+    // Pins left and right edges to 0; use with `absolute` or `fixed`
     insetX: {
         left: 0,
         right: 0,
     },
+    // Pins top and bottom edges to 0; use with `absolute` or `fixed`
     insetY: {
         top: 0,
         bottom: 0,
     },
+    // 100% width and height
     full: {
         width: '100%',
         height: '100%',
     },
+    // Prevents text and flex-item wrapping (white-space: nowrap)
     noWrap: {
         whiteSpace: 'nowrap',
     },
+    // 100% width
     fullWidth: {
         width: '100%',
     },
+    // 100% height
     fullHeight: {
         height: '100%',
     },
+    // Pins all four edges to 0; use with `absolute` or `fixed` to fill a positioned ancestor
     inset: {
         top: 0,
         bottom: 0,
         left: 0,
         right: 0,
     },
+    // Flex row with vertically centered children (alignItems: center)
     centerRow: {
         display: 'flex',
         flexDirection: 'row',
         alignItems: 'center',
     },
+    // Flex row container
     row: {
         display: 'flex',
         flexDirection: 'row',
     },
+    // Flex column container
     column: {
         display: 'flex',
         flexDirection: 'column',
     },
+    // Centers children on both axes; requires the element to already be a flex container
     centerChildren: {
         alignItems: 'center',
         justifyContent: 'center',
     },
+    // alignItems: flex-start
     alignStart: {
         alignItems: 'flex-start',
     },
+    // alignItems: flex-end
     alignEnd: {
         alignItems: 'flex-end',
     },
+    // alignItems: center
     alignCenter: {
         alignItems: 'center',
     },
+    // alignItems: stretch
     alignStretch: {
         alignItems: 'stretch',
     },
+    // alignSelf: center — centers this element within its flex parent's cross axis
     alignSelfCenter: {
         alignSelf: 'center',
     },
+    // alignSelf: flex-start
     alignSelfStart: {
         alignSelf: 'flex-start',
     },
+    // alignSelf: stretch
     alignSelfStretch: {
         alignSelf: 'stretch',
     },
+    // alignSelf: flex-end
     alignSelfEnd: {
         alignSelf: 'flex-end',
     },
+    // justifyContent: flex-start
     justifyStart: {
         justifyContent: 'flex-start',
     },
+    // justifyContent: flex-end
     justifyEnd: {
         justifyContent: 'flex-end',
     },
+    // justifyContent: center
     justifyCenter: {
         justifyContent: 'center',
     },
+    // justifyContent: space-between
     justifySpaceBetween: {
         justifyContent: 'space-between',
     },
+    // justifyContent: space-around
     justifySpaceAround: {
         justifyContent: 'space-around',
     },
+    // textAlign: right
     textRight: {
         textAlign: 'right',
     },
+    // textAlign: left
     textLeft: {
         textAlign: 'left',
     },
+    // textAlign: center
     textCenter: {
         textAlign: 'center',
     },
+    // Allows flex items to wrap onto multiple lines
     flexWrap: {
         flexWrap: 'wrap',
     },
+    // Hides the element while preserving its layout space
     'visibility:hidden': {
         visibility: 'hidden'
     },
+    // Restores visibility of a hidden element
     'visibility:visible': {
         visibility: 'visible'
     },
+    // Removes the element from layout entirely (no space preserved)
     'display:none': {
         display: 'none'
     }

package/dist/variants/defaultVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,OAAO;KACjB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,MAAM,EAAE;QACN,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;KACV;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACrB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,cAAc,EAAE;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,YAAY;KACzB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;KACvB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,SAAS;KACtB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,YAAY;KACxB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,UAAU;KACtB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,YAAY;KAC7B;IACD,UAAU,EAAE;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,eAAe;KAChC;IACD,kBAAkB,EAAE;QAClB,cAAc,EAAE,cAAc;KAC/B;IACD,SAAS,EAAE;QACT,SAAS,EAAE,OAAO;KACnB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM;KACjB;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,QAAQ;KACrB;IACD,oBAAoB,EAAE;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,cAAc,EAAE;QACd,OAAO,EAAC,MAAM;KACf;CACO,CAAA"}
+{"version":3,"file":"defaultVariants.js","sourceRoot":"","sources":["../../src/variants/defaultVariants.ts"],"names":[],"mappings":"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"}

package/dist/variants/dynamicVariants.d.ts

@@ -39,5 +39,11 @@ export declare const createDynamicVariants: () => Record<string, any>;
  * Created once at module load; re-creation would lose the closed-over variant map.
  */
 export declare const dynamicVariants: Record<string, any>;
+/**
+ * Human-readable descriptions for each dynamic variant prefix.
+ * Used by tooling (e.g. `codeleap list-variants`) to surface documentation
+ * for coding agents without requiring runtime execution of the variant registry.
+ */
+export declare const dynamicVariantDescriptions: Record<string, string>;
 export {};
 //# sourceMappingURL=dynamicVariants.d.ts.map

package/dist/variants/dynamicVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamicVariants.d.ts","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAY,MAAM,EAAU,MAAM,UAAU,CAAA;AAG3E,2FAA2F;AAC3F,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;AAEjD,+EAA+E;AAC/E,eAAO,MAAM,aAAa,uCAAwC,CAAA;AAElE,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,4BAA6B,CAAA;AAC1D,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,4BAA6B,CAAA;AAC1D,wEAAwE;AACxE,eAAO,MAAM,eAAe,iDAA0D,CAAA;AACtF,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,uCAAwC,CAAA;AAErE,qEAAqE;AACrE,eAAO,MAAM,WAAW,yDAMd,CAAA;AAEV,uFAAuF;AACvF,MAAM,MAAM,KAAK,GACb,MAAM,GACN,EAAE,CAAA;AAEN,KAAK,gBAAgB,CACnB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,MAAM,IACJ;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AAKhE,KAAK,KAAK,GAAG,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AAE9C,KAAK,KAAK,GAAG,MAAM,MAAM,CAAA;AAEzB;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GACzB,SAAS,KAAK,EAAE,GAChB,SAAS,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,MAAM,aAAa,EAAE,GACjF,SAAS,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,GACnE,gBAAgB,MAAM,aAAa,EAAE,GACrC,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACjI,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACnF,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACnF,UAAU,OAAO,WAAW,CAAC,MAAM,CAAC,EAAE,GACtC,MAAM,KAAK,EAAE,GACb,MAAM,MAAM,aAAa,EAAE,GAC3B,SAAS,KAAK,EAAE,GAChB,QAAQ,KAAK,EAAE,CAAA;AAEjB;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,2BA8EjC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAA0B,CAAA"}
+{"version":3,"file":"dynamicVariants.d.ts","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAY,MAAM,EAAU,MAAM,UAAU,CAAA;AAG3E,2FAA2F;AAC3F,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;AAEjD,+EAA+E;AAC/E,eAAO,MAAM,aAAa,uCAAwC,CAAA;AAElE,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,4BAA6B,CAAA;AAC1D,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,4BAA6B,CAAA;AAC1D,wEAAwE;AACxE,eAAO,MAAM,eAAe,iDAA0D,CAAA;AACtF,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,uCAAwC,CAAA;AAErE,qEAAqE;AACrE,eAAO,MAAM,WAAW,yDAMd,CAAA;AAEV,uFAAuF;AACvF,MAAM,MAAM,KAAK,GACb,MAAM,GACN,EAAE,CAAA;AAEN,KAAK,gBAAgB,CACnB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,MAAM,IACJ;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AAKhE,KAAK,KAAK,GAAG,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AAE9C,KAAK,KAAK,GAAG,MAAM,MAAM,CAAA;AAEzB;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GACzB,SAAS,KAAK,EAAE,GAChB,SAAS,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,MAAM,aAAa,EAAE,GACjF,SAAS,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,GACnE,gBAAgB,MAAM,aAAa,EAAE,GACrC,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACjI,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACnF,SAAS,UAAU,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,UAAU,MAAM,aAAa,EAAE,GACnF,UAAU,OAAO,WAAW,CAAC,MAAM,CAAC,EAAE,GACtC,MAAM,KAAK,EAAE,GACb,MAAM,MAAM,aAAa,EAAE,GAC3B,SAAS,KAAK,EAAE,GAChB,QAAQ,KAAK,EAAE,CAAA;AAEjB;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,2BA8EjC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAA0B,CAAA;AAEtD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAkC7D,CAAA"}

package/dist/variants/dynamicVariants.js

@@ -86,4 +86,44 @@ export const createDynamicVariants = () => {
  * Created once at module load; re-creation would lose the closed-over variant map.
  */
 export const dynamicVariants = createDynamicVariants();
+/**
+ * Human-readable descriptions for each dynamic variant prefix.
+ * Used by tooling (e.g. `codeleap list-variants`) to surface documentation
+ * for coding agents without requiring runtime execution of the variant registry.
+ */
+export const dynamicVariantDescriptions = {
+    // Color
+    color: 'Sets the text/icon color from the theme color palette (e.g. color:primary)',
+    backgroundColor: 'Sets backgroundColor from the theme color palette (e.g. backgroundColor:primary)',
+    bg: 'Shorthand for backgroundColor from the theme color palette (e.g. bg:primary)',
+    // Sizing
+    size: 'Sets equal width and height from the theme size scale (e.g. size:size24)',
+    // Border radius
+    borderRadius: 'Sets borderRadius on all corners from the theme radius scale (e.g. borderRadius:radius8)',
+    br: 'Shorthand for borderRadius from the theme radius scale (e.g. br:radius8)',
+    borderTopRadius: 'Sets border radius on both top corners',
+    borderBottomRadius: 'Sets border radius on both bottom corners',
+    borderLeftRadius: 'Sets border radius on both left corners',
+    borderRightRadius: 'Sets border radius on both right corners',
+    borderTopLeftRadius: 'Sets border-top-left-radius from the theme radius scale',
+    borderTopRightRadius: 'Sets border-top-right-radius from the theme radius scale',
+    borderBottomLeftRadius: 'Sets border-bottom-left-radius from the theme radius scale',
+    borderBottomRightRadius: 'Sets border-bottom-right-radius from the theme radius scale',
+    // Border color
+    borderColor: 'Sets border color on all sides from the theme color palette',
+    borderTopColor: 'Sets borderTopColor from the theme color palette',
+    borderBottomColor: 'Sets borderBottomColor from the theme color palette',
+    borderLeftColor: 'Sets borderLeftColor from the theme color palette',
+    borderRightColor: 'Sets borderRightColor from the theme color palette',
+    // Border width
+    borderWidth: 'Sets border width on all sides',
+    borderTopWidth: 'Sets borderTopWidth',
+    borderBottomWidth: 'Sets borderBottomWidth',
+    borderLeftWidth: 'Sets borderLeftWidth',
+    borderRightWidth: 'Sets borderRightWidth',
+    // Misc
+    cursor: 'Sets the CSS cursor property (e.g. cursor:pointer, cursor:not-allowed)',
+    effect: 'Applies a named shadow or blur effect from the theme effects scale',
+    scale: 'Applies a CSS transform scale (e.g. scale:0.95)',
+};
 //# sourceMappingURL=dynamicVariants.js.map

package/dist/variants/dynamicVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamicVariants.js","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dynamicVariants.js","sourceRoot":"","sources":["../../src/variants/dynamicVariants.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/styles",
-  "version": "7.2.3-next.1",
+  "version": "7.3.0-next.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -23,7 +23,7 @@
     "directory": "packages/styles"
   },
   "devDependencies": {
-    "@codeleap/config": "7.2.3-next.1",
+    "@codeleap/config": "7.3.0-next.0",
     "ts-node-dev": "^1.1.8"
   },
   "scripts": {

package/src/variants/defaultVariants.ts

@@ -13,126 +13,162 @@ import { ICSS } from '../types'
  * - `'visibility:hidden'` / `'display:none'` — use quoted keys in style arrays.
  */
 export const defaultVariants = {
+  // Sets display: block
   block: {
     display: 'block',
   },
+  // Sets flex: 1; fills available space in a flex parent. Does not create a flex container — pair with `row` or `column`.
   grow: {
     flex: 1,
   },
+  // position: absolute
   absolute: {
     position: 'absolute',
   },
+  // position: relative
   relative: {
     position: 'relative',
   },
+  // position: fixed; element is removed from flow and positioned relative to the viewport
   fixed: {
     position: 'fixed',
   },
+  // position: sticky; element scrolls normally until it reaches its offset, then sticks
   sticky: {
     position: 'sticky',
   },
+  // Pins left and right edges to 0; use with `absolute` or `fixed`
   insetX: {
     left: 0,
     right: 0,
   },
+  // Pins top and bottom edges to 0; use with `absolute` or `fixed`
   insetY: {
     top: 0,
     bottom: 0,
   },
-
+  // 100% width and height
   full: {
     width: '100%',
     height: '100%',
   },
+  // Prevents text and flex-item wrapping (white-space: nowrap)
   noWrap: {
     whiteSpace: 'nowrap',
   },
+  // 100% width
   fullWidth: {
     width: '100%',
   },
+  // 100% height
   fullHeight: {
     height: '100%',
   },
+  // Pins all four edges to 0; use with `absolute` or `fixed` to fill a positioned ancestor
   inset: {
     top: 0,
     bottom: 0,
     left: 0,
     right: 0,
   },
+  // Flex row with vertically centered children (alignItems: center)
   centerRow: {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
   },
+  // Flex row container
   row: {
     display: 'flex',
     flexDirection: 'row',
   },
+  // Flex column container
   column: {
     display: 'flex',
     flexDirection: 'column',
   },
+  // Centers children on both axes; requires the element to already be a flex container
   centerChildren: {
     alignItems: 'center',
     justifyContent: 'center',
   },
+  // alignItems: flex-start
   alignStart: {
     alignItems: 'flex-start',
   },
+  // alignItems: flex-end
   alignEnd: {
     alignItems: 'flex-end',
   },
+  // alignItems: center
   alignCenter: {
     alignItems: 'center',
   },
+  // alignItems: stretch
   alignStretch: {
     alignItems: 'stretch',
   },
+  // alignSelf: center — centers this element within its flex parent's cross axis
   alignSelfCenter: {
     alignSelf: 'center',
   },
+  // alignSelf: flex-start
   alignSelfStart: {
     alignSelf: 'flex-start',
   },
+  // alignSelf: stretch
   alignSelfStretch: {
     alignSelf: 'stretch',
   },
+  // alignSelf: flex-end
   alignSelfEnd: {
     alignSelf: 'flex-end',
   },
+  // justifyContent: flex-start
   justifyStart: {
     justifyContent: 'flex-start',
   },
+  // justifyContent: flex-end
   justifyEnd: {
     justifyContent: 'flex-end',
   },
+  // justifyContent: center
   justifyCenter: {
     justifyContent: 'center',
   },
+  // justifyContent: space-between
   justifySpaceBetween: {
     justifyContent: 'space-between',
   },
+  // justifyContent: space-around
   justifySpaceAround: {
     justifyContent: 'space-around',
   },
+  // textAlign: right
   textRight: {
     textAlign: 'right',
   },
+  // textAlign: left
   textLeft: {
     textAlign: 'left',
   },
+  // textAlign: center
   textCenter: {
     textAlign: 'center',
   },
+  // Allows flex items to wrap onto multiple lines
   flexWrap: {
     flexWrap: 'wrap',
   },
+  // Hides the element while preserving its layout space
   'visibility:hidden': {
     visibility: 'hidden'
   },
+  // Restores visibility of a hidden element
   'visibility:visible': {
     visibility: 'visible'
   },
+  // Removes the element from layout entirely (no space preserved)
   'display:none': {
     display:'none'
   }

package/src/variants/dynamicVariants.ts

@@ -153,3 +153,44 @@ export const createDynamicVariants = () => {
  * Created once at module load; re-creation would lose the closed-over variant map.
  */
 export const dynamicVariants = createDynamicVariants()
+
+/**
+ * Human-readable descriptions for each dynamic variant prefix.
+ * Used by tooling (e.g. `codeleap list-variants`) to surface documentation
+ * for coding agents without requiring runtime execution of the variant registry.
+ */
+export const dynamicVariantDescriptions: Record<string, string> = {
+  // Color
+  color: 'Sets the text/icon color from the theme color palette (e.g. color:primary)',
+  backgroundColor: 'Sets backgroundColor from the theme color palette (e.g. backgroundColor:primary)',
+  bg: 'Shorthand for backgroundColor from the theme color palette (e.g. bg:primary)',
+  // Sizing
+  size: 'Sets equal width and height from the theme size scale (e.g. size:size24)',
+  // Border radius
+  borderRadius: 'Sets borderRadius on all corners from the theme radius scale (e.g. borderRadius:radius8)',
+  br: 'Shorthand for borderRadius from the theme radius scale (e.g. br:radius8)',
+  borderTopRadius: 'Sets border radius on both top corners',
+  borderBottomRadius: 'Sets border radius on both bottom corners',
+  borderLeftRadius: 'Sets border radius on both left corners',
+  borderRightRadius: 'Sets border radius on both right corners',
+  borderTopLeftRadius: 'Sets border-top-left-radius from the theme radius scale',
+  borderTopRightRadius: 'Sets border-top-right-radius from the theme radius scale',
+  borderBottomLeftRadius: 'Sets border-bottom-left-radius from the theme radius scale',
+  borderBottomRightRadius: 'Sets border-bottom-right-radius from the theme radius scale',
+  // Border color
+  borderColor: 'Sets border color on all sides from the theme color palette',
+  borderTopColor: 'Sets borderTopColor from the theme color palette',
+  borderBottomColor: 'Sets borderBottomColor from the theme color palette',
+  borderLeftColor: 'Sets borderLeftColor from the theme color palette',
+  borderRightColor: 'Sets borderRightColor from the theme color palette',
+  // Border width
+  borderWidth: 'Sets border width on all sides',
+  borderTopWidth: 'Sets borderTopWidth',
+  borderBottomWidth: 'Sets borderBottomWidth',
+  borderLeftWidth: 'Sets borderLeftWidth',
+  borderRightWidth: 'Sets borderRightWidth',
+  // Misc
+  cursor: 'Sets the CSS cursor property (e.g. cursor:pointer, cursor:not-allowed)',
+  effect: 'Applies a named shadow or blur effect from the theme effects scale',
+  scale: 'Applies a CSS transform scale (e.g. scale:0.95)',
+}

package/variant-manifest.json

@@ -1,70 +1,262 @@
 {
   "static": [
-    "block",
-    "grow",
-    "absolute",
-    "relative",
-    "fixed",
-    "sticky",
-    "insetX",
-    "insetY",
-    "full",
-    "noWrap",
-    "fullWidth",
-    "fullHeight",
-    "inset",
-    "centerRow",
-    "row",
-    "column",
-    "centerChildren",
-    "alignStart",
-    "alignEnd",
-    "alignCenter",
-    "alignStretch",
-    "alignSelfCenter",
-    "alignSelfStart",
-    "alignSelfStretch",
-    "alignSelfEnd",
-    "justifyStart",
-    "justifyEnd",
-    "justifyCenter",
-    "justifySpaceBetween",
-    "justifySpaceAround",
-    "textRight",
-    "textLeft",
-    "textCenter",
-    "flexWrap",
-    "visibility:hidden",
-    "visibility:visible",
-    "display:none"
+    {
+      "name": "block",
+      "description": "Sets display: block"
+    },
+    {
+      "name": "grow",
+      "description": "Sets flex: 1; fills available space in a flex parent. Does not create a flex container — pair with `row` or `column`."
+    },
+    {
+      "name": "absolute",
+      "description": "position: absolute"
+    },
+    {
+      "name": "relative",
+      "description": "position: relative"
+    },
+    {
+      "name": "fixed",
+      "description": "position: fixed; element is removed from flow and positioned relative to the viewport"
+    },
+    {
+      "name": "sticky",
+      "description": "position: sticky; element scrolls normally until it reaches its offset, then sticks"
+    },
+    {
+      "name": "insetX",
+      "description": "Pins left and right edges to 0; use with `absolute` or `fixed`"
+    },
+    {
+      "name": "insetY",
+      "description": "Pins top and bottom edges to 0; use with `absolute` or `fixed`"
+    },
+    {
+      "name": "full",
+      "description": "100% width and height"
+    },
+    {
+      "name": "noWrap",
+      "description": "Prevents text and flex-item wrapping (white-space: nowrap)"
+    },
+    {
+      "name": "fullWidth",
+      "description": "100% width"
+    },
+    {
+      "name": "fullHeight",
+      "description": "100% height"
+    },
+    {
+      "name": "inset",
+      "description": "Pins all four edges to 0; use with `absolute` or `fixed` to fill a positioned ancestor"
+    },
+    {
+      "name": "centerRow",
+      "description": "Flex row with vertically centered children (alignItems: center)"
+    },
+    {
+      "name": "row",
+      "description": "Flex row container"
+    },
+    {
+      "name": "column",
+      "description": "Flex column container"
+    },
+    {
+      "name": "centerChildren",
+      "description": "Centers children on both axes; requires the element to already be a flex container"
+    },
+    {
+      "name": "alignStart",
+      "description": "alignItems: flex-start"
+    },
+    {
+      "name": "alignEnd",
+      "description": "alignItems: flex-end"
+    },
+    {
+      "name": "alignCenter",
+      "description": "alignItems: center"
+    },
+    {
+      "name": "alignStretch",
+      "description": "alignItems: stretch"
+    },
+    {
+      "name": "alignSelfCenter",
+      "description": "alignSelf: center — centers this element within its flex parent's cross axis"
+    },
+    {
+      "name": "alignSelfStart",
+      "description": "alignSelf: flex-start"
+    },
+    {
+      "name": "alignSelfStretch",
+      "description": "alignSelf: stretch"
+    },
+    {
+      "name": "alignSelfEnd",
+      "description": "alignSelf: flex-end"
+    },
+    {
+      "name": "justifyStart",
+      "description": "justifyContent: flex-start"
+    },
+    {
+      "name": "justifyEnd",
+      "description": "justifyContent: flex-end"
+    },
+    {
+      "name": "justifyCenter",
+      "description": "justifyContent: center"
+    },
+    {
+      "name": "justifySpaceBetween",
+      "description": "justifyContent: space-between"
+    },
+    {
+      "name": "justifySpaceAround",
+      "description": "justifyContent: space-around"
+    },
+    {
+      "name": "textRight",
+      "description": "textAlign: right"
+    },
+    {
+      "name": "textLeft",
+      "description": "textAlign: left"
+    },
+    {
+      "name": "textCenter",
+      "description": "textAlign: center"
+    },
+    {
+      "name": "flexWrap",
+      "description": "Allows flex items to wrap onto multiple lines"
+    },
+    {
+      "name": "visibility:hidden",
+      "description": "Hides the element while preserving its layout space"
+    },
+    {
+      "name": "visibility:visible",
+      "description": "Restores visibility of a hidden element"
+    },
+    {
+      "name": "display:none",
+      "description": "Removes the element from layout entirely (no space preserved)"
+    }
   ],
   "dynamicPrefixes": [
-    "backgroundColor",
-    "color",
-    "borderBottomLeftRadius",
-    "borderBottomRightRadius",
-    "borderBottomColor",
-    "borderBottomRadius",
-    "borderBottomWidth",
-    "borderTopLeftRadius",
-    "borderTopRightRadius",
-    "borderTopColor",
-    "borderTopRadius",
-    "borderTopWidth",
-    "borderLeftColor",
-    "borderLeftRadius",
-    "borderLeftWidth",
-    "borderRightColor",
-    "borderRightRadius",
-    "borderRightWidth",
-    "borderColor",
-    "borderRadius",
-    "borderWidth",
-    "cursor",
-    "bg",
-    "effect",
-    "scale",
-    "br",
-    "size"
+    {
+      "name": "backgroundColor",
+      "description": "Sets backgroundColor from the theme color palette (e.g. backgroundColor:primary)"
+    },
+    {
+      "name": "color",
+      "description": "Sets the text/icon color from the theme color palette (e.g. color:primary)"
+    },
+    {
+      "name": "borderBottomLeftRadius",
+      "description": "Sets border-bottom-left-radius from the theme radius scale"
+    },
+    {
+      "name": "borderBottomRightRadius",
+      "description": "Sets border-bottom-right-radius from the theme radius scale"
+    },
+    {
+      "name": "borderBottomColor",
+      "description": "Sets borderBottomColor from the theme color palette"
+    },
+    {
+      "name": "borderBottomRadius",
+      "description": "Sets border radius on both bottom corners"
+    },
+    {
+      "name": "borderBottomWidth",
+      "description": "Sets borderBottomWidth"
+    },
+    {
+      "name": "borderTopLeftRadius",
+      "description": "Sets border-top-left-radius from the theme radius scale"
+    },
+    {
+      "name": "borderTopRightRadius",
+      "description": "Sets border-top-right-radius from the theme radius scale"
+    },
+    {
+      "name": "borderTopColor",
+      "description": "Sets borderTopColor from the theme color palette"
+    },
+    {
+      "name": "borderTopRadius",
+      "description": "Sets border radius on both top corners"
+    },
+    {
+      "name": "borderTopWidth",
+      "description": "Sets borderTopWidth"
+    },
+    {
+      "name": "borderLeftColor",
+      "description": "Sets borderLeftColor from the theme color palette"
+    },
+    {
+      "name": "borderLeftRadius",
+      "description": "Sets border radius on both left corners"
+    },
+    {
+      "name": "borderLeftWidth",
+      "description": "Sets borderLeftWidth"
+    },
+    {
+      "name": "borderRightColor",
+      "description": "Sets borderRightColor from the theme color palette"
+    },
+    {
+      "name": "borderRightRadius",
+      "description": "Sets border radius on both right corners"
+    },
+    {
+      "name": "borderRightWidth",
+      "description": "Sets borderRightWidth"
+    },
+    {
+      "name": "borderColor",
+      "description": "Sets border color on all sides from the theme color palette"
+    },
+    {
+      "name": "borderRadius",
+      "description": "Sets borderRadius on all corners from the theme radius scale (e.g. borderRadius:radius8)"
+    },
+    {
+      "name": "borderWidth",
+      "description": "Sets border width on all sides"
+    },
+    {
+      "name": "cursor",
+      "description": "Sets the CSS cursor property (e.g. cursor:pointer, cursor:not-allowed)"
+    },
+    {
+      "name": "bg",
+      "description": "Shorthand for backgroundColor from the theme color palette (e.g. bg:primary)"
+    },
+    {
+      "name": "effect",
+      "description": "Applies a named shadow or blur effect from the theme effects scale"
+    },
+    {
+      "name": "scale",
+      "description": "Applies a CSS transform scale (e.g. scale:0.95)"
+    },
+    {
+      "name": "br",
+      "description": "Shorthand for borderRadius from the theme radius scale (e.g. br:radius8)"
+    },
+    {
+      "name": "size",
+      "description": "Sets equal width and height from the theme size scale (e.g. size:size24)"
+    }
   ]
 }