@olwiba/cn 0.1.19 → 0.1.20

package/dist/index.d.ts

@@ -120,8 +120,9 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     disabled?: boolean;
+    mode?: "playful" | "smooth";
 }
-declare function Badge({ className, variant, size, disabled, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, disabled, mode: modeProp, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     separator?: React$1.ReactNode;

package/dist/index.js

@@ -57,7 +57,11 @@ function useUIVariant() {
   return React37.useContext(UIVariantContext);
 }
 var AccordionContext = React37.createContext({});
-var Accordion = React37.forwardRef(({ mode, size, ...props }, ref) => /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { mode, size }, children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ref, ...props }) }));
+var Accordion = React37.forwardRef(({ mode: modeProp, size, ...props }, ref) => {
+  const inheritedMode = useUIVariant();
+  const mode = modeProp ?? inheritedMode;
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { mode, size }, children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ref, ...props }) });
+});
 Accordion.displayName = "Accordion";
 var AccordionItem = React37.forwardRef(({ className, ...props }, ref) => {
   const { mode } = React37.useContext(AccordionContext);
@@ -471,11 +475,18 @@ var badgeVariants = cva(
     }
   }
 );
-function Badge({ className, variant, size, disabled = false, ...props }) {
+function Badge({ className, variant, size, disabled = false, mode: modeProp, ...props }) {
+  const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(badgeVariants({ variant, size }), disabled && "opacity-50 pointer-events-none", className),
+      className: cn(
+        badgeVariants({ variant, size }),
+        disabled && "opacity-50 pointer-events-none",
+        mode === "smooth" && "shadow-sm",
+        mode === "playful" && "rotate-[0.5deg] [box-shadow:2px_2px_0px_0px_color-mix(in_srgb,currentColor_15%,transparent)]",
+        className
+      ),
       ...props
     }
   );