@meta-1/design 0.0.163 → 0.0.164

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.163",
+  "version": "0.0.164",
   "keywords": [
     "easykit",
     "design",

package/src/components/uix/divider/index.tsx

@@ -3,20 +3,26 @@ import type { PropsWithChildren } from "react";
 import { cn } from "@meta-1/design/lib/utils";
 
 export interface DividerProps extends PropsWithChildren {
-  orientation: "left" | "center" | "right";
+  orientation?: "left" | "center" | "right";
   className?: string;
   labelClassName?: string;
   borderClassName?: string;
 }
 
 export const Divider = (props: DividerProps) => {
+  const { orientation = "center" } = props;
+  const orientationClass =
+    orientation === "left" ? "justify-start" : orientation === "right" ? "justify-end" : "justify-center";
+
   return (
-    <div className={cn("relative my-6", props.className)}>
+    <div className={cn("relative", props.className)}>
       <div className="absolute inset-0 flex items-center">
         <span className={cn("w-full border-t", props.borderClassName)} />
       </div>
-      <div className="relative flex justify-center text-xs uppercase">
-        <span className={cn("bg-background px-2 text-muted-foreground", props.labelClassName)}>{props.children}</span>
+      <div className={cn("relative flex text-xs uppercase", orientationClass)}>
+        <span className={cn("mx-2 bg-background px-2 text-muted-foreground", props.labelClassName)}>
+          {props.children}
+        </span>
       </div>
     </div>
   );