@vaneui/ui 0.3.1-alpha.20250917170051.b819c80 → 0.3.1-alpha.20250921204254.9cfeae4

package/dist/components/ui/classes/layoutClasses.d.ts

@@ -1,7 +1,5 @@
 import { SizeKey } from "../props";
 export declare const layoutGapClasses: Record<SizeKey, string>;
-export declare const layoutPaddingXClasses: Record<SizeKey, string>;
-export declare const layoutPaddingYClasses: Record<SizeKey, string>;
-export declare const sectionPaddingXClasses: Record<SizeKey, string>;
-export declare const sectionPaddingYClasses: Record<SizeKey, string>;
+export declare const layoutPaddingClasses: Record<SizeKey, string>;
+export declare const sectionAspectRatioClasses: Record<SizeKey, string>;
 //# sourceMappingURL=layoutClasses.d.ts.map

package/dist/components/ui/classes/layoutClasses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/layoutClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMzD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC"}
+{"version":3,"file":"layoutClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/layoutClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,CAAC"}

package/dist/components/ui/theme/cardTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/cardTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAI3E,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,UAAU,EAAE,eAAe,CAAC;QAC5B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCA6B5B,CAAC"}
+{"version":3,"file":"cardTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/cardTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAI3E,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,UAAU,EAAE,eAAe,CAAC;QAC5B,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCAmC5B,CAAC"}

package/dist/components/ui/theme/colTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/colTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,oCAyB3B,CAAC"}
+{"version":3,"file":"colTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/colTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,oCA+B3B,CAAC"}

package/dist/components/ui/theme/containerTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"containerTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/containerTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;QACd,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,qBAAqB,gDA0BjC,CAAC"}
+{"version":3,"file":"containerTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/containerTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;QACd,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,qBAAqB,gDAgCjC,CAAC"}

package/dist/components/ui/theme/gridTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gridTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/gridTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAiBD,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC"}
+{"version":3,"file":"gridTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/gridTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAuBD,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAM7B,CAAC"}

package/dist/components/ui/theme/rowTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rowTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/rowTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,oCA0B3B,CAAC"}
+{"version":3,"file":"rowTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/rowTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,QAAS,SAAQ,kBAAkB;IAClD,IAAI,EAAE;QACJ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,eAAe,oCAgC3B,CAAC"}

package/dist/components/ui/theme/sectionTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sectionTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/sectionTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,4CA4B/B,CAAC"}
+{"version":3,"file":"sectionTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/sectionTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,qBAAqB,CAAC;KAC/B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,4CAwC/B,CAAC"}

package/dist/components/ui/theme/size/pxTheme.d.ts

@@ -1,7 +1,10 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
+import type { CategoryProps } from "../../props";
 /** Horizontal padding theme - controls left and right padding */
 export declare class PxTheme extends PaddingTheme {
-    constructor(sizeMap?: Record<SizeKey, string>);
+    private aspectRatioMap?;
+    constructor(sizeMap?: Record<SizeKey, string>, aspectRatioMap?: Record<SizeKey, string>);
+    getClasses(extractedKeys: CategoryProps): string[];
 }
 //# sourceMappingURL=pxTheme.d.ts.map

package/dist/components/ui/theme/size/pxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,iEAAiE;AACjE,qBAAa,OAAQ,SAAQ,YAAY;gBAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;CAS9C"}
+{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,iEAAiE;AACjE,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,cAAc,CAAC,CAA0B;gBAErC,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAWvF,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAenD"}

package/dist/components/ui/theme/size/pyTheme.d.ts

@@ -1,7 +1,9 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
+import type { CategoryProps } from "../../props";
 /** Vertical padding theme - controls top and bottom padding */
 export declare class PyTheme extends PaddingTheme {
     constructor(sizeMap?: Record<SizeKey, string>);
+    getClasses(extractedKeys: CategoryProps): string[];
 }
 //# sourceMappingURL=pyTheme.d.ts.map

package/dist/components/ui/theme/size/pyTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,+DAA+D;AAC/D,qBAAa,OAAQ,SAAQ,YAAY;gBAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;CAS9C"}
+{"version":3,"file":"pyTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,+DAA+D;AAC/D,qBAAa,OAAQ,SAAQ,YAAY;gBAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAU7C,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAOnD"}

package/dist/components/ui/theme/stackTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stackTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/stackTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,wCA4B7B,CAAC"}
+{"version":3,"file":"stackTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/stackTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,GAAG,EAAE,QAAQ,CAAC;QACd,UAAU,EAAE,eAAe,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;QAC1B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,wCAkC7B,CAAC"}

package/dist/index.esm.js

@@ -3678,39 +3678,25 @@ class SizeTheme extends BaseTheme {
 }
 
 const layoutGapClasses = {
-    xs: "gap-(--layout-gap-xs)",
-    sm: "gap-(--layout-gap-sm)",
-    md: "gap-(--layout-gap-md)",
-    lg: "gap-(--layout-gap-lg)",
-    xl: "gap-(--layout-gap-xl)",
+    xs: "[--gap-unit:2]",
+    sm: "[--gap-unit:3]",
+    md: "[--gap-unit:4]",
+    lg: "[--gap-unit:5]",
+    xl: "[--gap-unit:6]",
 };
-const layoutPaddingXClasses = {
-    xs: "px-(--layout-px-xs)",
-    sm: "px-(--layout-px-sm)",
-    md: "px-(--layout-px-md)",
-    lg: "px-(--layout-px-lg)",
-    xl: "px-(--layout-px-xl)",
+const layoutPaddingClasses = {
+    xs: "[--h-unit:2]",
+    sm: "[--h-unit:3]",
+    md: "[--h-unit:4]",
+    lg: "[--h-unit:5]",
+    xl: "[--h-unit:6]",
 };
-const layoutPaddingYClasses = {
-    xs: "py-(--layout-py-xs)",
-    sm: "py-(--layout-py-sm)",
-    md: "py-(--layout-py-md)",
-    lg: "py-(--layout-py-lg)",
-    xl: "py-(--layout-py-xl)",
-};
-const sectionPaddingXClasses = {
-    xs: "px-(--section-px-xs)",
-    sm: "px-(--section-px-sm)",
-    md: "px-(--section-px-md)",
-    lg: "px-(--section-px-lg)",
-    xl: "px-(--section-px-xl)",
-};
-const sectionPaddingYClasses = {
-    xs: "py-(--section-py-xs)",
-    sm: "py-(--section-py-sm)",
-    md: "py-(--section-py-md)",
-    lg: "py-(--section-py-lg)",
-    xl: "py-(--section-py-xl)",
+const sectionAspectRatioClasses = {
+    xs: "[--aspect-ratio:2.5]",
+    sm: "[--aspect-ratio:2]",
+    md: "[--aspect-ratio:1.75]",
+    lg: "[--aspect-ratio:1.6]",
+    xl: "[--aspect-ratio:1.5]",
 };
 
 class GapTheme extends BaseTheme {
@@ -3738,7 +3724,7 @@ class GapTheme extends BaseTheme {
         var _a;
         if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.gap) === 'gap') {
             const gapClass = this[(_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md'];
-            return gapClass ? [gapClass] : [];
+            return gapClass ? [gapClass, "gap-(--gap)"] : [];
         }
         return [];
     }
@@ -3902,15 +3888,32 @@ class PaddingTheme extends BaseTheme {
 
 /** Horizontal padding theme - controls left and right padding */
 class PxTheme extends PaddingTheme {
-    constructor(sizeMap) {
+    constructor(sizeMap, aspectRatioMap) {
         super(sizeMap);
+        this.aspectRatioMap = aspectRatioMap;
         // Override with PxTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
-                this[key] = layoutPaddingXClasses[key];
+                this[key] = layoutPaddingClasses[key];
             });
         }
     }
+    getClasses(extractedKeys) {
+        var _a, _b;
+        if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === 'padding' || (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === undefined) {
+            const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
+            const paddingClass = this[size];
+            const aspectRatioClass = (_b = this.aspectRatioMap) === null || _b === void 0 ? void 0 : _b[size];
+            const classes = [];
+            if (paddingClass)
+                classes.push(paddingClass);
+            if (aspectRatioClass)
+                classes.push(aspectRatioClass);
+            classes.push("px-(--px)");
+            return classes.length > 1 ? classes : [];
+        }
+        return [];
+    }
 }
 
 /** Vertical padding theme - controls top and bottom padding */
@@ -3920,10 +3923,18 @@ class PyTheme extends PaddingTheme {
         // Override with PyTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
-                this[key] = layoutPaddingYClasses[key];
+                this[key] = layoutPaddingClasses[key];
             });
         }
     }
+    getClasses(extractedKeys) {
+        var _a;
+        if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === 'padding' || (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === undefined) {
+            const paddingClass = this[(_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md'];
+            return paddingClass ? [paddingClass, "py-(--py)"] : [];
+        }
+        return [];
+    }
 }
 
 class AppearanceTheme extends BaseTheme {
@@ -5085,7 +5096,13 @@ const defaultCardTheme = new ComponentTheme("div", "", {
     size: {
         px: new PxTheme(),
         py: new PyTheme(),
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:1]",
+            sm: "[--gap-unit:1.5]",
+            md: "[--gap-unit:2]",
+            lg: "[--gap-unit:2.5]",
+            xl: "[--gap-unit:3]",
+        }),
     },
     layout: {
         ...defaultLayoutsThemes,
@@ -5108,7 +5125,13 @@ const defaultCardTheme = new ComponentTheme("div", "", {
 
 const defaultRowTheme = new ComponentTheme("div", "", {
     size: {
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
         breakpoint: new BreakpointTheme(),
     },
     layout: {
@@ -5142,7 +5165,13 @@ const defaultDividerTheme = new ComponentTheme("div", "h-px w-full", {
 
 const defaultContainerTheme = new ComponentTheme("div", "flex-col mx-auto w-full", {
     size: {
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
         maxWidth: new SizeTheme({ xs: 'max-w-3xl', sm: 'max-w-4xl', md: 'max-w-5xl', lg: 'max-w-6xl', xl: 'max-w-7xl' }),
     },
     layout: {
@@ -5164,7 +5193,13 @@ const defaultContainerTheme = new ComponentTheme("div", "flex-col mx-auto w-full
 
 const defaultColTheme = new ComponentTheme("div", "", {
     size: {
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
     },
     layout: {
         ...defaultLayoutsThemes,
@@ -5187,7 +5222,13 @@ const defaultStackTheme = new ComponentTheme("div", "", {
     size: {
         px: new PxTheme(),
         py: new PyTheme(),
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
         breakpoint: new BreakpointTheme(),
     },
     layout: {
@@ -5209,9 +5250,21 @@ const defaultStackTheme = new ComponentTheme("div", "", {
 
 const defaultSectionTheme = new ComponentTheme("div", "w-full flex-col", {
     size: {
-        px: new PxTheme(sectionPaddingXClasses),
-        py: new PyTheme(sectionPaddingYClasses),
-        gap: new GapTheme(),
+        px: new PxTheme(layoutPaddingClasses, sectionAspectRatioClasses),
+        py: new PyTheme({
+            xs: "[--h-unit:4]",
+            sm: "[--h-unit:8]",
+            md: "[--h-unit:12]",
+            lg: "[--h-unit:16]",
+            xl: "[--h-unit:20]",
+        }),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
         breakpoint: new BreakpointTheme(),
     },
     appearance: {
@@ -5233,7 +5286,13 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex-col", {
 
 const gridSubThemes = {
     size: {
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }),
     },
     appearance: {
         background: GenericVariantTheme.createLayoutBgAppearanceTheme(),