@vaneui/ui 0.3.1-alpha.20250914210126.5142197 → 0.3.1-alpha.20250916140129.7475230

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/ui/classes/gapClasses.d.ts +3 -0
  2. package/dist/components/ui/classes/gapClasses.d.ts.map +1 -0
  3. package/dist/components/ui/theme/containerTheme.d.ts.map +1 -1
  4. package/dist/components/ui/theme/gridTheme.d.ts.map +1 -1
  5. package/dist/components/ui/theme/size/gapTheme.d.ts +5 -5
  6. package/dist/components/ui/theme/size/gapTheme.d.ts.map +1 -1
  7. package/dist/index.esm.js +20 -24
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +20 -24
  10. package/dist/index.js.map +1 -1
  11. package/dist/ui.css +57 -74
  12. package/dist/vars.css +35 -25
  13. package/package.json +1 -1
package/dist/components/ui/classes/gapClasses.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SizeKey } from "../props";
2
+ export declare const layoutGapClasses: Record<SizeKey, string>;
3
+ //# sourceMappingURL=gapClasses.d.ts.map
package/dist/components/ui/classes/gapClasses.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gapClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/classes/gapClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAMpD,CAAC"}
package/dist/components/ui/theme/containerTheme.d.ts.map CHANGED
@@ -1 +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,gDAgCjC,CAAC"}
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"}
package/dist/components/ui/theme/gridTheme.d.ts.map CHANGED
@@ -1 +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;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"}
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"}
package/dist/components/ui/theme/size/gapTheme.d.ts CHANGED
@@ -2,15 +2,15 @@ import { SizeKey } from "../../props";
2
2
  import { BaseTheme } from "../common/baseTheme";
3
3
  import type { CategoryProps } from "../../props";
4
4
  export declare class GapTheme extends BaseTheme implements Record<SizeKey, string> {
5
- /** Extra-small gap - 0.5rem spacing between items */
5
+ /** Extra-small gap - uses CSS variable --layout-gap-xs */
6
6
  xs: string;
7
- /** Small gap - 0.75rem spacing between items */
7
+ /** Small gap - uses CSS variable --layout-gap-sm */
8
8
  sm: string;
9
- /** Medium gap - 1rem spacing between items */
9
+ /** Medium gap - uses CSS variable --layout-gap-md */
10
10
  md: string;
11
- /** Large gap - 1.25rem spacing between items */
11
+ /** Large gap - uses CSS variable --layout-gap-lg */
12
12
  lg: string;
13
- /** Extra-large gap - 1.5rem spacing between items */
13
+ /** Extra-large gap - uses CSS variable --layout-gap-xl */
14
14
  xl: string;
15
15
  constructor(sizeMap?: Record<SizeKey, string>);
16
16
  getClasses(extractedKeys: CategoryProps): string[];
package/dist/components/ui/theme/size/gapTheme.d.ts.map CHANGED
@@ -1 +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;AAEjD,qBAAa,QAAS,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACxE,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAW;IACrB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAW;IACrB,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAW;IACrB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAW;IACrB,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAW;gBAET,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAW7C,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAOnD"}
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"}
package/dist/index.esm.js CHANGED
@@ -3677,19 +3677,27 @@ class SizeTheme extends BaseTheme {
3677
3677
  }
3678
3678
  }
3679
3679
 
3680
+ const layoutGapClasses = {
3681
+ xs: "gap-(--layout-gap-xs)",
3682
+ sm: "gap-(--layout-gap-sm)",
3683
+ md: "gap-(--layout-gap-md)",
3684
+ lg: "gap-(--layout-gap-lg)",
3685
+ xl: "gap-(--layout-gap-xl)",
3686
+ };
3687
+
3680
3688
  class GapTheme extends BaseTheme {
3681
3689
  constructor(sizeMap) {
3682
3690
  super();
3683
- /** Extra-small gap - 0.5rem spacing between items */
3684
- this.xs = 'gap-2';
3685
- /** Small gap - 0.75rem spacing between items */
3686
- this.sm = 'gap-3';
3687
- /** Medium gap - 1rem spacing between items */
3688
- this.md = 'gap-4';
3689
- /** Large gap - 1.25rem spacing between items */
3690
- this.lg = 'gap-5';
3691
- /** Extra-large gap - 1.5rem spacing between items */
3692
- this.xl = 'gap-6';
3691
+ /** Extra-small gap - uses CSS variable --layout-gap-xs */
3692
+ this.xs = layoutGapClasses.xs;
3693
+ /** Small gap - uses CSS variable --layout-gap-sm */
3694
+ this.sm = layoutGapClasses.sm;
3695
+ /** Medium gap - uses CSS variable --layout-gap-md */
3696
+ this.md = layoutGapClasses.md;
3697
+ /** Large gap - uses CSS variable --layout-gap-lg */
3698
+ this.lg = layoutGapClasses.lg;
3699
+ /** Extra-large gap - uses CSS variable --layout-gap-xl */
3700
+ this.xl = layoutGapClasses.xl;
3693
3701
  if (sizeMap) {
3694
3702
  ComponentKeys.size.forEach((key) => {
3695
3703
  if (sizeMap[key] !== undefined) {
@@ -5130,13 +5138,7 @@ const defaultDividerTheme = new ComponentTheme("div", "h-px w-full", {
5130
5138
 
5131
5139
  const defaultContainerTheme = new ComponentTheme("div", "flex-col mx-auto w-full", {
5132
5140
  size: {
5133
- gap: new GapTheme({
5134
- xs: 'gap-2 max-lg:gap-1',
5135
- sm: 'gap-4 max-lg:gap-3 max-md:gap-2',
5136
- md: 'gap-6 max-lg:gap-5 max-md:gap-4',
5137
- lg: 'gap-8 max-lg:gap-7 max-md:gap-6',
5138
- xl: 'gap-10 max-lg:gap-9 max-md:gap-8',
5139
- }),
5141
+ gap: new GapTheme(),
5140
5142
  maxWidth: new SizeTheme({ xs: 'max-w-3xl', sm: 'max-w-4xl', md: 'max-w-5xl', lg: 'max-w-6xl', xl: 'max-w-7xl' }),
5141
5143
  },
5142
5144
  layout: {
@@ -5239,13 +5241,7 @@ const defaultSectionTheme = new ComponentTheme("div", "w-full flex-col", {
5239
5241
 
5240
5242
  const gridSubThemes = {
5241
5243
  size: {
5242
- gap: new GapTheme({
5243
- xs: "gap-2",
5244
- sm: "gap-4 max-lg:gap-2",
5245
- md: "gap-6 max-lg:gap-4",
5246
- lg: "gap-8 max-lg:gap-6 max-md:gap-4",
5247
- xl: "gap-10 max-lg:gap-8 max-md:gap-6"
5248
- }),
5244
+ gap: new GapTheme(),
5249
5245
  },
5250
5246
  appearance: {
5251
5247
  background: GenericVariantTheme.createLayoutBgAppearanceTheme(),