import { cva } from 'class-variance-authority';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

// src/primitives/spacer/spacer.tsx
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var spacerVariants = cva("shrink-0", {
  variants: {
    size: {
      xs: "[--spacer-size:var(--space-1,0.25rem)]",
      sm: "[--spacer-size:var(--space-2,0.5rem)]",
      md: "[--spacer-size:var(--space-4,1rem)]",
      lg: "[--spacer-size:var(--space-8,2rem)]",
      xl: "[--spacer-size:var(--space-16,4rem)]"
    },
    axis: {
      vertical: "h-[var(--spacer-size)] w-0",
      horizontal: "w-[var(--spacer-size)] h-0",
      both: "h-[var(--spacer-size)] w-[var(--spacer-size)]"
    }
  },
  defaultVariants: {
    size: "md",
    axis: "vertical"
  }
});
function Spacer({ className, size, axis, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      "aria-hidden": "true",
      className: cn(spacerVariants({ size, axis }), className),
      ...props
    }
  );
}

export { Spacer, spacerVariants };
//# sourceMappingURL=spacer.js.map
//# sourceMappingURL=spacer.js.map