@vaneui/ui 0.0.12 → 0.0.13

package/dist/all.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
 @layer theme, utilities;
 @layer theme {
   :root, :host {
@@ -141,12 +141,21 @@
   .flex-row-reverse {
     flex-direction: row-reverse;
   }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-around {
     justify-content: space-around;
   }
@@ -460,9 +469,6 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -801,46 +807,6 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;

package/dist/complex.css

@@ -1,47 +1,3 @@
-/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
 @layer theme, utilities;
-@layer utilities {
-  .filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
+@layer utilities;

package/dist/components/ui/props/props.d.ts

@@ -82,10 +82,12 @@ export interface ReverseProps {
 export interface GapProps {
     noGap?: boolean;
 }
-export interface CenteredProps {
-    centered?: boolean;
-    vCentered?: boolean;
-    hCentered?: boolean;
+export interface ItemsProps {
+    itemsStart?: boolean;
+    itemsEnd?: boolean;
+    itemsCenter?: boolean;
+    itemsBaseline?: boolean;
+    itemsStretch?: boolean;
 }
 export interface JustifyProps {
     justifyStart?: boolean;
@@ -98,9 +100,9 @@ export interface JustifyProps {
     justifyBaseline?: boolean;
 }
 export type BaseComponentProps = TagProps & Partial<SizeProps & HideProps & PositionProps> & React.HTMLProps<HTMLElement>;
-export type LayoutComponentProps = BaseComponentProps & ReverseProps & CenteredProps;
+export type LayoutComponentProps = BaseComponentProps & ReverseProps & ItemsProps;
 export type FontProps = FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAppearanceProps & CommonAppearanceProps;
 export type TypographyComponentProps = BaseComponentProps & FontProps;
 export type GridProps = BaseComponentProps & GapProps;
-export type RowProps = BaseComponentProps & GapProps & ReverseProps & CenteredProps & BreakpointProps & JustifyProps;
-export type ColProps = BaseComponentProps & GapProps & ReverseProps & CenteredProps;
+export type RowProps = BaseComponentProps & GapProps & ReverseProps & ItemsProps & BreakpointProps & JustifyProps;
+export type ColProps = BaseComponentProps & GapProps & ReverseProps & ItemsProps;

package/dist/components/utils/componentBuilder.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "../ui/props/props";
+import { BaseComponentProps, BreakpointProps, ItemsProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "../ui/props/props";
 import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "../ui/settings";
 export declare function componentBuilder(baseProps: BaseComponentProps, defaultTag: string, baseClasses?: string): {
     withBooleanProps: <T extends Record<string, string>>(propMap: Record<keyof T, string>, fallbackKey?: keyof T, settings?: {
@@ -7,7 +7,7 @@ export declare function componentBuilder(baseProps: BaseComponentProps, defaultT
     withSizes: (sizeMap: Record<keyof SizeProps, string>) => /*elided*/ any;
     withBreakpoints: (breakpointMap: Record<keyof BreakpointProps, string>) => /*elided*/ any;
     withReverse: (reverseMap: Record<keyof ReverseProps, string>) => /*elided*/ any;
-    withCentered: (centeredMap: Record<keyof CenteredProps, string>) => /*elided*/ any;
+    withItems: (itemsMap: Record<keyof ItemsProps, string>) => /*elided*/ any;
     withHide: (hideMap: Record<keyof HideProps, string>) => /*elided*/ any;
     withPosition: (positionMap: Record<keyof PositionProps, string>) => /*elided*/ any;
     withFontWeight: (fontWeight: Record<keyof FontWeightProps, string>, settings: FontWeightSettings) => /*elided*/ any;

package/dist/index.esm.js

@@ -2807,7 +2807,7 @@ function componentBuilder(baseProps, defaultTag, baseClasses) {
         withSizes: (sizeMap) => withBooleanProps(sizeMap, "md"),
         withBreakpoints: (breakpointMap) => withBooleanProps(breakpointMap),
         withReverse: (reverseMap) => withBooleanProps(reverseMap),
-        withCentered: (centeredMap) => withBooleanProps(centeredMap),
+        withItems: (itemsMap) => withBooleanProps(itemsMap),
         withHide: (hideMap) => withBooleanProps(hideMap),
         withPosition: (positionMap) => withBooleanProps(positionMap),
         withFontWeight: (fontWeight, settings) => withBooleanProps(fontWeight, undefined, settings),
@@ -2924,13 +2924,15 @@ const Chip = (props) => componentBuilder(props, "span", "rounded-full w-fit h-fi
 })
     .build();
 
-const centeredClasses = {
-    centered: "items-center justify-center",
-    vCentered: "items-center",
-    hCentered: "justify-center"
+const itemsClasses = {
+    itemsStart: "items-start",
+    itemsEnd: "items-end",
+    itemsCenter: "items-center",
+    itemsBaseline: "items-baseline",
+    itemsStretch: "items-stretch"
 };
 const Section = (props) => componentBuilder(props, "section", "w-full flex flex-col items-start")
-    .withCentered(centeredClasses)
+    .withItems(itemsClasses)
     .withSizes({
     xs: "py-6  max-lg:py-4  max-md:py-2",
     sm: "py-8  max-lg:py-6  max-md:py-4",
@@ -2947,7 +2949,7 @@ const Section = (props) => componentBuilder(props, "section", "w-full flex flex-
 })
     .build();
 const Container = (props) => componentBuilder(props, "div", "flex flex-col mx-auto w-full")
-    .withCentered(centeredClasses)
+    .withItems(itemsClasses)
     .withSizes({
     xs: "max-w-3xl gap-2  max-lg:gap-1",
     sm: "max-w-4xl gap-4  max-lg:gap-3 max-md:gap-2",
@@ -2968,14 +2970,14 @@ const Col = (props) => componentBuilder(props, "div", "flex flex-col")
     .withReverse({
     reverse: "flex-col-reverse"
 })
-    .withCentered(centeredClasses)
+    .withItems(itemsClasses)
     .build();
 const Row = (props) => componentBuilder(props, "div", "flex flex-row")
     .withGaps({ noGap: "gap-0" }, commonGaps)
     .withReverse({
     reverse: "flex-row-reverse"
 })
-    .withCentered(centeredClasses)
+    .withItems(itemsClasses)
     .withBreakpoints({
     xsCol: "max-xs:flex-col",
     smCol: "max-sm:flex-col",