@vaneui/ui 0.3.1-alpha.20250921204254.9cfeae4 → 0.3.1-alpha.20250925201320.8b6a424

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

@@ -2,4 +2,12 @@ import { SizeKey } from "../props";
 export declare const layoutGapClasses: Record<SizeKey, string>;
 export declare const layoutPaddingClasses: Record<SizeKey, string>;
 export declare const sectionAspectRatioClasses: Record<SizeKey, string>;
+export declare const uiPaddingClasses: Record<SizeKey, string>;
+export declare const buttonAspectRatioClasses: Record<SizeKey, string>;
+export declare const badgeAspectRatioClasses: Record<SizeKey, string>;
+export declare const inputAspectRatioClasses: Record<SizeKey, string>;
+export declare const codeAspectRatioClasses: Record<SizeKey, string>;
+export declare const codePyClasses: Record<SizeKey, string>;
+export declare const chipAspectRatioClasses: Record<SizeKey, string>;
+export declare const chipPyClasses: 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,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM7D,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;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM5D,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM3D,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM3D,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMjD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAM1D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"badgeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/badgeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,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,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAkC7B,CAAC"}
+{"version":3,"file":"badgeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/badgeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAkC7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttonTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/buttonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,WAAY,SAAQ,4BAA4B;IAC/D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,0CAmC9B,CAAC"}
+{"version":3,"file":"buttonTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/buttonTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,WAAY,SAAQ,4BAA4B;IAC/D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,0CAmC9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"chipTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/chipTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCAkC5B,CAAC"}
+{"version":3,"file":"chipTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/chipTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCAkC5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"codeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/codeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCA+B5B,CAAC"}
+{"version":3,"file":"codeTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/codeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,sCA+B5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,aAmQ3B,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,aAoQ3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"inputTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/inputTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAgC7B,CAAC"}
+{"version":3,"file":"inputTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/inputTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO,CAAC;QACZ,EAAE,EAAE,OAAO,CAAC;QACZ,IAAI,EAAE,SAAS,CAAC;QAChB,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;QAC3C,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAgC7B,CAAC"}

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

@@ -12,7 +12,8 @@ export declare class GapTheme extends BaseTheme implements Record<SizeKey, strin
     lg: string;
     /** Extra-large gap - uses CSS variable --layout-gap-xl */
     xl: string;
-    constructor(sizeMap?: Record<SizeKey, string>);
+    private isUIComponent;
+    constructor(sizeMap?: Record<SizeKey, string>, isUIComponent?: boolean);
     getClasses(extractedKeys: CategoryProps): string[];
 }
 //# sourceMappingURL=gapTheme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gapTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/gapTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;gBAErB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAW7C,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAOnD"}
+{"version":3,"file":"gapTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/gapTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAuB;IACjC,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAuB;IACjC,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAuB;IAEjC,OAAO,CAAC,aAAa,CAAU;gBAEnB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAYpE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAQnD"}

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

@@ -4,7 +4,8 @@ import type { CategoryProps } from "../../props";
 /** Horizontal padding theme - controls left and right padding */
 export declare class PxTheme extends PaddingTheme {
     private aspectRatioMap?;
-    constructor(sizeMap?: Record<SizeKey, string>, aspectRatioMap?: Record<SizeKey, string>);
+    private isUIComponent?;
+    constructor(sizeMap?: Record<SizeKey, string>, aspectRatioMap?: Record<SizeKey, string>, isUIComponent?: boolean);
     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;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"}
+{"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;IACjD,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAY9G,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAkBnD"}

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

@@ -3,7 +3,8 @@ 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>);
+    private isUIComponent?;
+    constructor(sizeMap?: Record<SizeKey, string>, isUIComponent?: boolean);
     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;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"}
+{"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;IACvC,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAWpE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAWnD"}

package/dist/index.esm.js

@@ -3685,11 +3685,11 @@ const layoutGapClasses = {
     xl: "[--gap-unit:6]",
 };
 const layoutPaddingClasses = {
-    xs: "[--h-unit:2]",
-    sm: "[--h-unit:3]",
-    md: "[--h-unit:4]",
-    lg: "[--h-unit:5]",
-    xl: "[--h-unit:6]",
+    xs: "[--py-unit:2]",
+    sm: "[--py-unit:3]",
+    md: "[--py-unit:4]",
+    lg: "[--py-unit:5]",
+    xl: "[--py-unit:6]",
 };
 const sectionAspectRatioClasses = {
     xs: "[--aspect-ratio:2.5]",
@@ -3698,9 +3698,71 @@ const sectionAspectRatioClasses = {
     lg: "[--aspect-ratio:1.6]",
     xl: "[--aspect-ratio:1.5]",
 };
+// UI component classes
+const uiPaddingClasses = {
+    xs: "[--py-unit:1]",
+    sm: "[--py-unit:1.5]",
+    md: "[--py-unit:2]",
+    lg: "[--py-unit:2.5]",
+    xl: "[--py-unit:3]",
+};
+// Button-specific aspect ratios (px-2,3,4,5,6 vs py-1,1.5,2,2.5,3)
+const buttonAspectRatioClasses = {
+    xs: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
+    sm: "[--aspect-ratio:2]", // px-3 vs py-1.5 = 2
+    md: "[--aspect-ratio:2]", // px-4 vs py-2 = 2
+    lg: "[--aspect-ratio:2]", // px-5 vs py-2.5 = 2
+    xl: "[--aspect-ratio:2]", // px-6 vs py-3 = 2
+};
+// Badge aspect ratios (same as button)
+const badgeAspectRatioClasses = {
+    xs: "[--aspect-ratio:2]",
+    sm: "[--aspect-ratio:2]",
+    md: "[--aspect-ratio:2]",
+    lg: "[--aspect-ratio:2]",
+    xl: "[--aspect-ratio:2]",
+};
+// Input aspect ratios (same as button)
+const inputAspectRatioClasses = {
+    xs: "[--aspect-ratio:2]",
+    sm: "[--aspect-ratio:2]",
+    md: "[--aspect-ratio:2]",
+    lg: "[--aspect-ratio:2]",
+    xl: "[--aspect-ratio:2]",
+};
+// Code-specific classes (px-1,1.5,1.5,2,2 vs py-0,0.5,1,1,1)
+const codeAspectRatioClasses = {
+    xs: "[--aspect-ratio:1]", // px-1 vs py-0 (but py-0 is 0, so use py-unit but ratio for px)
+    sm: "[--aspect-ratio:3]", // px-1.5 vs py-0.5 = 3  
+    md: "[--aspect-ratio:1.5]", // px-1.5 vs py-1 = 1.5
+    lg: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
+    xl: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
+};
+const codePyClasses = {
+    xs: "[--py-unit:0]",
+    sm: "[--py-unit:0.5]",
+    md: "[--py-unit:1]",
+    lg: "[--py-unit:1]",
+    xl: "[--py-unit:1]",
+};
+// Chip-specific classes (px-2,2.5,3,3.5,4 vs py-0.5,1,1.5,2,2.5)
+const chipAspectRatioClasses = {
+    xs: "[--aspect-ratio:4]", // px-2 vs py-0.5 = 4
+    sm: "[--aspect-ratio:2.5]", // px-2.5 vs py-1 = 2.5
+    md: "[--aspect-ratio:2]", // px-3 vs py-1.5 = 2
+    lg: "[--aspect-ratio:1.75]", // px-3.5 vs py-2 = 1.75
+    xl: "[--aspect-ratio:1.6]", // px-4 vs py-2.5 = 1.6
+};
+const chipPyClasses = {
+    xs: "[--py-unit:0.5]",
+    sm: "[--py-unit:1]",
+    md: "[--py-unit:1.5]",
+    lg: "[--py-unit:2]",
+    xl: "[--py-unit:2.5]",
+};
 
 class GapTheme extends BaseTheme {
-    constructor(sizeMap) {
+    constructor(sizeMap, isUIComponent = false) {
         super();
         /** Extra-small gap - uses CSS variable --layout-gap-xs */
         this.xs = layoutGapClasses.xs;
@@ -3712,6 +3774,7 @@ class GapTheme extends BaseTheme {
         this.lg = layoutGapClasses.lg;
         /** Extra-large gap - uses CSS variable --layout-gap-xl */
         this.xl = layoutGapClasses.xl;
+        this.isUIComponent = isUIComponent;
         if (sizeMap) {
             ComponentKeys.size.forEach((key) => {
                 if (sizeMap[key] !== undefined) {
@@ -3724,7 +3787,8 @@ 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, "gap-(--gap)"] : [];
+            const gapVar = this.isUIComponent ? "gap-(--ui-gap)" : "gap-(--gap)";
+            return gapClass ? [gapClass, gapVar] : [];
         }
         return [];
     }
@@ -3888,9 +3952,10 @@ class PaddingTheme extends BaseTheme {
 
 /** Horizontal padding theme - controls left and right padding */
 class PxTheme extends PaddingTheme {
-    constructor(sizeMap, aspectRatioMap) {
+    constructor(sizeMap, aspectRatioMap, isUIComponent = false) {
         super(sizeMap);
         this.aspectRatioMap = aspectRatioMap;
+        this.isUIComponent = isUIComponent;
         // Override with PxTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
@@ -3909,7 +3974,9 @@ class PxTheme extends PaddingTheme {
                 classes.push(paddingClass);
             if (aspectRatioClass)
                 classes.push(aspectRatioClass);
-            classes.push("px-(--px)");
+            // Use UI or layout CSS variables based on component type
+            const cssVar = this.isUIComponent ? "px-(--ui-px)" : "px-(--px)";
+            classes.push(cssVar);
             return classes.length > 1 ? classes : [];
         }
         return [];
@@ -3918,8 +3985,9 @@ class PxTheme extends PaddingTheme {
 
 /** Vertical padding theme - controls top and bottom padding */
 class PyTheme extends PaddingTheme {
-    constructor(sizeMap) {
+    constructor(sizeMap, isUIComponent = false) {
         super(sizeMap);
+        this.isUIComponent = isUIComponent;
         // Override with PyTheme's default classes if no custom sizeMap provided
         if (!sizeMap) {
             ComponentKeys.size.forEach((key) => {
@@ -3931,7 +3999,11 @@ class PyTheme extends PaddingTheme {
         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)"] : [];
+            if (!paddingClass)
+                return [];
+            // Use UI or layout CSS variables based on component type
+            const cssVar = this.isUIComponent ? "py-(--ui-py)" : "py-(--py)";
+            return [paddingClass, cssVar];
         }
         return [];
     }
@@ -4607,6 +4679,7 @@ const themeDefaults = {
     section: {
         md: true,
         flex: true,
+        column: true,
         default: true,
         itemsStart: true,
         gap: true,
@@ -4774,9 +4847,9 @@ const themeDefaults = {
 
 const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-pointer transition-all duration-200 whitespace-nowrap", {
     size: {
-        px: new PxTheme({ xs: 'px-2', sm: 'px-3', md: 'px-4', lg: 'px-5', xl: 'px-6', }),
-        py: new PyTheme({ xs: 'py-1', sm: 'py-1.5', md: 'py-2', lg: 'py-2.5', xl: 'py-3' }),
-        gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
+        px: new PxTheme(uiPaddingClasses, buttonAspectRatioClasses, true),
+        py: new PyTheme(uiPaddingClasses, true),
+        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]' }, true),
         text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
     },
     appearance: {
@@ -4804,9 +4877,9 @@ const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-poin
 
 const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all duration-200 whitespace-nowrap", {
     size: {
-        px: new PxTheme({ xs: "px-2", sm: "px-3", md: "px-4", lg: "px-5", xl: "px-6" }),
-        py: new PyTheme({ xs: 'py-1', sm: 'py-1.5', md: 'py-2', lg: 'py-2.5', xl: 'py-3' }),
-        gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
+        px: new PxTheme(uiPaddingClasses, badgeAspectRatioClasses, true),
+        py: new PyTheme(uiPaddingClasses, true),
+        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]' }, true),
         text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' })
     },
     appearance: {
@@ -4833,10 +4906,10 @@ const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all
 
 const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all duration-200 whitespace-nowrap", {
     size: {
-        px: new PxTheme({ xs: 'px-2', sm: 'px-2.5', md: 'px-3', lg: 'px-3.5', xl: 'px-4' }),
-        py: new PyTheme({ xs: 'py-0.5', sm: 'py-1', md: 'py-1.5', lg: 'py-2', xl: 'py-2.5' }),
+        px: new PxTheme(chipPyClasses, chipAspectRatioClasses, true),
+        py: new PyTheme(chipPyClasses, true),
         text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
-        gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' })
+        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]' }, true)
     },
     appearance: {
         background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
@@ -4862,10 +4935,10 @@ const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all
 
 const defaultCodeTheme = new ComponentTheme("code", "", {
     size: {
-        px: new PxTheme({ xs: 'px-1', sm: 'px-1.5', md: 'px-1.5', lg: 'px-2', xl: 'px-2' }),
-        py: new PyTheme({ xs: 'py-0', sm: 'py-0.5', md: 'py-1', lg: 'py-1', xl: 'py-1' }),
+        px: new PxTheme(codePyClasses, codeAspectRatioClasses, true),
+        py: new PyTheme(codePyClasses, true),
         text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-sm', lg: 'text-base', xl: 'text-lg' }),
-        gap: new GapTheme({ xs: 'gap-0.5', sm: 'gap-1', md: 'gap-1.5', lg: 'gap-2', xl: 'gap-2.5' })
+        gap: new GapTheme({ xs: '[--gap-unit:0.5]', sm: '[--gap-unit:1]', md: '[--gap-unit:1.5]', lg: '[--gap-unit:2]', xl: '[--gap-unit:2.5]' }, true)
     },
     appearance: {
         background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
@@ -5153,7 +5226,7 @@ const defaultRowTheme = new ComponentTheme("div", "", {
 
 const defaultDividerTheme = new ComponentTheme("div", "h-px w-full", {
     size: {
-        py: new PyTheme(),
+        py: new PyTheme(), // Uses layout spacing by default
     },
     appearance: {
         background: AppearanceTheme.createTheme({
@@ -5248,15 +5321,15 @@ const defaultStackTheme = new ComponentTheme("div", "", {
     }
 }, themeDefaults.stack, STACK_CATEGORIES);
 
-const defaultSectionTheme = new ComponentTheme("div", "w-full flex-col", {
+const defaultSectionTheme = new ComponentTheme("div", "w-full", {
     size: {
         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]",
+            xs: "[--py-unit:4]",
+            sm: "[--py-unit:8]",
+            md: "[--py-unit:12]",
+            lg: "[--py-unit:16]",
+            xl: "[--py-unit:20]",
         }),
         gap: new GapTheme({
             xs: "[--gap-unit:2]",
@@ -5412,9 +5485,9 @@ const defaultImgTheme = new ComponentTheme("img", "object-cover", // Default to
 
 const defaultInputTheme = new ComponentTheme("input", "w-full transition-all duration-200", {
     size: {
-        px: new PxTheme({ xs: 'px-2', sm: 'px-3', md: 'px-4', lg: 'px-5', xl: 'px-6', }),
-        py: new PyTheme({ xs: 'py-1', sm: 'py-1.5', md: 'py-2', lg: 'py-2.5', xl: 'py-3' }),
-        gap: new GapTheme({ xs: 'gap-1', sm: 'gap-1.5', md: 'gap-2', lg: 'gap-2.5', xl: 'gap-3' }),
+        px: new PxTheme(uiPaddingClasses, inputAspectRatioClasses, true),
+        py: new PyTheme(uiPaddingClasses, true),
+        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]' }, true),
         text: new SizeTheme({ xs: 'text-xs', sm: 'text-sm', md: 'text-base', lg: 'text-lg', xl: 'text-xl' }),
     },
     appearance: {