@vaneui/ui 0.3.1-alpha.20251110144303.5af7508 → 0.3.1-alpha.20251110155311.4ef4158

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,aAqQ3B,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,aAgQ3B,CAAC"}

package/dist/components/ui/theme/layout/radiusTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radiusTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/layout/radiusTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,WAAY,SAAQ,SAAS;IACxC,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAkB;IAC9B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAkB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEjC,OAAO,CAAC,aAAa,CAAU;IAE/B,OAAO;IAMP,MAAM,CAAC,mBAAmB,IAAI,WAAW;IAUzC,MAAM,CAAC,aAAa,IAAI,WAAW;IAUnC,MAAM,CAAC,iBAAiB,IAAI,WAAW;IAWvC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAkBnD"}
+{"version":3,"file":"radiusTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/layout/radiusTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,WAAY,SAAQ,SAAS;IACxC,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAkB;IAC9B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAkB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEjC,OAAO,CAAC,aAAa,CAAU;IAE/B,OAAO;IAMP,MAAM,CAAC,mBAAmB,IAAI,WAAW;IAUzC,MAAM,CAAC,aAAa,IAAI,WAAW;IAUnC,MAAM,CAAC,iBAAiB,IAAI,WAAW;IAWvC,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAsBnD"}

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;AACzC,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"}
+{"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;AACzC,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,4CA8C/B,CAAC"}

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

@@ -13,7 +13,9 @@ export declare class GapTheme extends BaseTheme implements Record<SizeKey, strin
     /** Extra-large gap */
     xl: string;
     private readonly gapVarClass;
-    constructor(isUIComponent?: boolean);
+    constructor(gapClasses: Record<SizeKey, string>, isUIComponent?: boolean);
     getClasses(extractedKeys: CategoryProps): string[];
+    static createForUI(): GapTheme;
+    static createForLayout(): GapTheme;
 }
 //# 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,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;gBAEzB,aAAa,GAAE,OAAe;IA0B1C,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,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;gBAEzB,UAAU,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,GAAE,OAAe;IAW/E,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IAQlD,MAAM,CAAC,WAAW,IAAI,QAAQ;IAU9B,MAAM,CAAC,eAAe,IAAI,QAAQ;CASnC"}

package/dist/index.esm.js

@@ -3765,24 +3765,9 @@ class LineHeightTheme extends BaseTheme {
 }
 
 class GapTheme extends BaseTheme {
-    constructor(isUIComponent = false) {
+    constructor(gapClasses, isUIComponent = false) {
         super();
         this.gapVarClass = isUIComponent ? "gap-(--ui-gap)" : "gap-(--gap)";
-        const gapClasses = isUIComponent
-            ? {
-                xs: "[--gap-unit:1]",
-                sm: "[--gap-unit:1.5]",
-                md: "[--gap-unit:2]",
-                lg: "[--gap-unit:2.5]",
-                xl: "[--gap-unit:3]",
-            }
-            : {
-                xs: "[--gap-unit:2]",
-                sm: "[--gap-unit:3]",
-                md: "[--gap-unit:4]",
-                lg: "[--gap-unit:5]",
-                xl: "[--gap-unit:6]",
-            };
         this.xs = gapClasses.xs;
         this.sm = gapClasses.sm;
         this.md = gapClasses.md;
@@ -3797,6 +3782,24 @@ class GapTheme extends BaseTheme {
         }
         return [];
     }
+    static createForUI() {
+        return 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);
+    }
+    static createForLayout() {
+        return new GapTheme({
+            xs: "[--gap-unit:2]",
+            sm: "[--gap-unit:3]",
+            md: "[--gap-unit:4]",
+            lg: "[--gap-unit:5]",
+            xl: "[--gap-unit:6]",
+        }, false);
+    }
 }
 
 class RadiusTheme extends BaseTheme {
@@ -3838,22 +3841,25 @@ class RadiusTheme extends BaseTheme {
         return new RadiusTheme(brUnitClasses, false);
     }
     getClasses(extractedKeys) {
-        var _a, _b;
+        var _a;
         const size = (_a = extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
-        const shape = (_b = extractedKeys.shape) !== null && _b !== void 0 ? _b : 'rounded';
-        switch (shape) {
-            case 'pill':
-                return [this.pill];
-            case 'sharp':
-                return [this.sharp];
-            case 'rounded': {
-                const brUnitClass = this.rounded[size];
-                const roundedVar = this.isUIComponent ? "rounded-(--ui-br)" : "rounded-(--br)";
-                return brUnitClass ? [brUnitClass, roundedVar] : [];
+        const shape = extractedKeys.shape;
+        if (shape) {
+            switch (shape) {
+                case 'pill':
+                    return [this.pill];
+                case 'sharp':
+                    return [this.sharp];
+                case 'rounded': {
+                    const brUnitClass = this.rounded[size];
+                    const roundedVar = this.isUIComponent ? "rounded-(--ui-br)" : "rounded-(--br)";
+                    return brUnitClass ? [brUnitClass, roundedVar] : [];
+                }
+                default:
+                    return [];
             }
-            default:
-                return [];
         }
+        return [];
     }
 }
 
@@ -4697,7 +4703,6 @@ const themeDefaults = {
         md: true,
         itemsCenter: true,
         gap: true,
-        sharp: true,
     },
     section: {
         md: true,
@@ -4710,7 +4715,6 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         noShadow: true,
-        sharp: true,
     },
     stack: {
         md: true,
@@ -4721,7 +4725,6 @@ const themeDefaults = {
         padding: true,
         noBorder: true,
         noRing: true,
-        sharp: true,
     },
     row: {
         row: true,
@@ -4731,7 +4734,6 @@ const themeDefaults = {
         gap: true,
         noBorder: true,
         noRing: true,
-        sharp: true,
     },
     col: {
         column: true,
@@ -4740,7 +4742,6 @@ const themeDefaults = {
         gap: true,
         noBorder: true,
         noRing: true,
-        sharp: true,
     },
     grid2: {
         md: true,
@@ -4879,7 +4880,7 @@ const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-poin
     size: {
         px: new PxTheme(buttonAspectRatioClasses, true),
         py: PyTheme.createForUI(),
-        gap: new GapTheme(true),
+        gap: GapTheme.createForUI(),
         text: new FontSizeTheme(),
         lineHeight: new LineHeightTheme({
             xs: "[--lh:1.3]",
@@ -4924,7 +4925,7 @@ const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all
     size: {
         px: new PxTheme(badgeAspectRatioClasses, true),
         py: PyTheme.createForUI(),
-        gap: new GapTheme(true),
+        gap: GapTheme.createForUI(),
         text: new FontSizeTheme(),
         lineHeight: LineHeightTheme.createDefault()
     },
@@ -4974,7 +4975,7 @@ const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all
             lg: "[--lh:1.2]",
             xl: "[--lh:1.2]"
         }),
-        gap: new GapTheme(true)
+        gap: GapTheme.createForUI()
     },
     appearance: {
         background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
@@ -5022,7 +5023,7 @@ const defaultCodeTheme = new ComponentTheme("code", "", {
             lg: "[--lh:1.2]",
             xl: "[--lh:1.2]"
         }),
-        gap: new GapTheme(true)
+        gap: GapTheme.createForUI()
     },
     appearance: {
         background: GenericVariantTheme.createSimpleUIElementBgAppearanceTheme(),
@@ -5254,7 +5255,7 @@ const defaultCardTheme = new ComponentTheme("div", "", {
             xl: "[--py-unit:10]",
         }),
         lineHeight: LineHeightTheme.createDefault(),
-        gap: new GapTheme(false),
+        gap: GapTheme.createForLayout(),
     },
     layout: {
         ...defaultLayoutsThemes,
@@ -5277,7 +5278,7 @@ const defaultCardTheme = new ComponentTheme("div", "", {
 
 const defaultRowTheme = new ComponentTheme("div", "", {
     size: {
-        gap: new GapTheme(),
+        gap: GapTheme.createForLayout(),
         breakpoint: new BreakpointTheme(),
     },
     layout: {
@@ -5336,7 +5337,7 @@ class SizeTheme extends BaseTheme {
 
 const defaultContainerTheme = new ComponentTheme("div", "mx-auto w-full", {
     size: {
-        gap: new GapTheme(),
+        gap: GapTheme.createForLayout(),
         maxWidth: new SizeTheme({ xs: 'max-w-3xl', sm: 'max-w-4xl', md: 'max-w-5xl', lg: 'max-w-6xl', xl: 'max-w-7xl' }),
     },
     layout: {
@@ -5358,7 +5359,7 @@ const defaultContainerTheme = new ComponentTheme("div", "mx-auto w-full", {
 
 const defaultColTheme = new ComponentTheme("div", "", {
     size: {
-        gap: new GapTheme(),
+        gap: GapTheme.createForLayout(),
     },
     layout: {
         ...defaultLayoutsThemes,
@@ -5387,7 +5388,7 @@ const defaultStackTheme = new ComponentTheme("div", "", {
             xl: "[--aspect-ratio:1]",
         }),
         py: new PyTheme(),
-        gap: new GapTheme(),
+        gap: GapTheme.createForLayout(),
         breakpoint: new BreakpointTheme(),
     },
     layout: {
@@ -5423,7 +5424,13 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full", {
             lg: "[--py-unit:16] max-laptop:[--py-unit:8]  max-tablet:[--py-unit:2]",
             xl: "[--py-unit:20] max-laptop:[--py-unit:10] max-tablet:[--py-unit:4]",
         }),
-        gap: new GapTheme(),
+        gap: new GapTheme({
+            xs: "[--gap-unit:4]  max-laptop:[--gap-unit:3]  max-tablet:[--gap-unit:2]",
+            sm: "[--gap-unit:6]  max-laptop:[--gap-unit:5]  max-tablet:[--gap-unit:4]",
+            md: "[--gap-unit:8]  max-laptop:[--gap-unit:6]  max-tablet:[--gap-unit:4]",
+            lg: "[--gap-unit:10] max-laptop:[--gap-unit:8]  max-tablet:[--gap-unit:6]",
+            xl: "[--gap-unit:12] max-laptop:[--gap-unit:10] max-tablet:[--gap-unit:8]",
+        }),
         breakpoint: new BreakpointTheme(),
     },
     appearance: {
@@ -5445,7 +5452,7 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full", {
 
 const gridSubThemes = {
     size: {
-        gap: new GapTheme(),
+        gap: GapTheme.createForLayout(),
     },
     appearance: {
         background: GenericVariantTheme.createLayoutBgAppearanceTheme(),
@@ -5527,7 +5534,7 @@ const defaultLabelTheme = new ComponentTheme("label", "has-[input]:cursor-pointe
     size: {
         text: new FontSizeTheme(),
         lineHeight: LineHeightTheme.createDefault(),
-        gap: new GapTheme(true),
+        gap: GapTheme.createForUI(),
     },
     appearance: {
         text: GenericVariantTheme.createTypographyTextTheme(),
@@ -5568,7 +5575,7 @@ const defaultInputTheme = new ComponentTheme("input", "w-full transition-all dur
             xl: "[--aspect-ratio:2]",
         }, true),
         py: PyTheme.createForUI(),
-        gap: new GapTheme(true),
+        gap: GapTheme.createForUI(),
         text: new FontSizeTheme(),
         lineHeight: LineHeightTheme.createDefault(),
     },