@vaneui/ui 0.0.11 → 0.0.13

package/dist/index.js

@@ -2809,7 +2809,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),
@@ -2926,13 +2926,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",
@@ -2949,7 +2951,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",
@@ -2970,14 +2972,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",