@mbao01/common 0.6.2 → 0.6.3

package/dist/types/components/Separator/Separator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './types';
-export declare const Separator: ({ className, orientation, decorative, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ size, className, variant, orientation, decorative, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Separator/constants.d.ts

@@ -1,3 +1,5 @@
 export declare const getSeparatorClasses: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Separator/types.d.ts

@@ -1,2 +1,4 @@
+import { VariantProps } from '../../libs';
+import { getSeparatorClasses } from './constants';
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & VariantProps<typeof getSeparatorClasses>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.6.2",
+  "version": "0.6.3",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -168,5 +168,5 @@
     "recharts": "2",
     "typescript": "5"
   },
-  "gitHead": "f6e5dc7d7249a0933b04f26b068cde86e67b9c6e"
+  "gitHead": "de45dbee958479f770fa71c2656a1b230fe86cdb"
 }

package/src/components/Separator/Separator.tsx

@@ -6,7 +6,9 @@ import { getSeparatorClasses } from "./constants";
 import { type SeparatorProps } from "./types";
 
 export const Separator = ({
+  size,
   className,
+  variant = "default",
   orientation = "horizontal",
   decorative = true,
   ...props
@@ -14,7 +16,7 @@ export const Separator = ({
   <SeparatorPrimitive.Root
     decorative={decorative}
     orientation={orientation}
-    className={cn(getSeparatorClasses({ orientation }), className)}
+    className={cn(getSeparatorClasses({ orientation, variant, size }), className)}
     {...props}
   />
 );

package/src/components/Separator/constants.ts

@@ -7,5 +7,23 @@ export const getSeparatorClasses = cva("shrink-0 bg-base-300", {
       horizontal: "h-[1px] w-full",
       vertical: "h-full w-[1px]",
     },
+    variant: {
+      accent: "bg-accent/20",
+      default: "bg-base-content/10",
+      error: "bg-error/20",
+      ghost: "bg-ghost",
+      info: "bg-info/20",
+      neutral: "bg-neutral/20",
+      primary: "bg-primary/20",
+      secondary: "bg-secondary/20",
+      success: "bg-success/20",
+      warning: "bg-warning/20",
+    },
+    size: {
+      xs: "h-[1px]",
+      sm: "h-[2px]",
+      md: "h-[3px]",
+      lg: "h-[4px]",
+    },
   }),
 });

package/src/components/Separator/types.ts

@@ -1,3 +1,6 @@
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { type VariantProps } from "../../libs";
+import { getSeparatorClasses } from "./constants";
 
-export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> &
+  VariantProps<typeof getSeparatorClasses>;